@arnaudpfu/react-color-picker
Version:
Simple react color picker.
48 lines (36 loc) • 935 B
Markdown
Simple and customizable color picker.
```
npm i @arnaudpfu/react-color-picker
```
```
pnpm add @arnaudpfu/react-color-picker
```
```tsx
import React, { useCallback } from 'react';
import ColorPicker, { ColorPickerHandler, SuperColor } from '@arnaudpfu/react-color-picker';
interface Props {
value: string;
onChange: (color: string) => void;
}
export const ColorPickerContainer: React.FC<Props> = ({
onChange,
value,
closeColorPicker,
parent,
}) => {
const updateColorOnChange: ColorPickerHandler = useCallback(
(color: SuperColor): void => {
onChange(color.toString());
},
[]
);
return (
<ColorPicker defaultColor={value} onChange={updateColorOnChange} />
);
};
```
[](https://www.gnu.org/licenses/gpl-3.0.html) licensed.