React Color Editable Input

EditableInput Component is a subcomponent of @react-color.

Install

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 (

## Props

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

Contributors

As always, thanks to our amazing contributors!

Made with contributors.

License

Licensed under the MIT License.