@uiw/react-color-editable-input

^{Using my app is also a way to support me:}

React Color Editable Input
===

  

EditableInput Component is a subcomponent of @react-color.


Install

``bash
npm i @uiw/react-color-editable-input
`

Usage

`jsx mdx:preview
import React, { useState } from 'react';
import { hsvaToHex } from '@uiw/color-convert';
import EditableInput from '@uiw/react-color-editable-input';

export default function Demo() {
const [hsva, setHsva] = useState({ h: 209, s: 36, v: 90, a: 1 });
return (


`ts
import React from 'react';
import type * as CSS from 'csstype';
export interface EditableInputProps extends Omit, 'onChange'> {
prefixCls?: string;
value?: string | number;
label?: React.ReactNode;
labelStyle?: CSS.Properties;
placement?: 'top' | 'left' | 'bottom' | 'right';
inputStyle?: CSS.Properties;
onChange?: (evn: React.ChangeEvent, value: string | number) => void;
renderInput?: (props: React.InputHTMLAttributes, ref: React.Ref) => React.ReactNode;
}
declare const EditableInput: React.ForwardRefExoticComponent>;
export default EditableInput;
``

Contributors

As always, thanks to our amazing contributors!

Made with contributors.

License

Licensed under the MIT License.