uiwjsReact Color Editable Input RGBA
EditableInputRGBA Component is a subcomponent of @react-color.
Install
npm i @uiw/react-color-editable-input-rgbaUsage
```jsx mdx:preview import React, { useState } from 'react'; import { hsvaToHex } from '@uiw/color-convert'; import EditableInputRGBA from '@uiw/react-color-editable-input-rgba';
export default function Demo() { const [hsva, setHsva] = useState({ h: 209, s: 36, v: 90, a: 1 }); return (
<EditableInputRGBA
hsva={hsva}
onChange={(color) => {
setHsva({ ...hsva, ...color.hsva });
}}
/>
);
}
## Props
```ts
import React from 'react';
import { EditableInputProps } from '@uiw/react-color-editable-input';
import { HsvaColor, ColorResult } from '@uiw/color-convert';
export interface EditableInputRGBAProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
prefixCls?: string;
hsva: HsvaColor;
placement?: 'top' | 'left' | 'bottom' | 'right';
rProps?: EditableInputProps;
gProps?: EditableInputProps;
bProps?: EditableInputProps;
aProps?: false | EditableInputProps;
onChange?: (color: ColorResult) => void;
}
declare const EditableInputRGBA: React.ForwardRefExoticComponent<EditableInputRGBAProps & React.RefAttributes<HTMLDivElement>>;
export default EditableInputRGBA;Contributors
As always, thanks to our amazing contributors!
Made with contributors.
License
Licensed under the MIT License.