Un conjunto de componentes selectores de color pequeños, rápidos, accesibles y compatibles con dispositivos móviles para las aplicaciones React y Preact.
1. Instale e importe los componentes del selector de color.
# Yarn
$ yarn add react-colorful
# NPM
$ npm i react-colorfulimport {
HexColorPicker,
HexAlphaColorPicker,
RgbColorPicker,
RgbaColorPicker,
RgbStringColorPicker,
RgbaStringColorPicker,
HslColorPicker,
HslaColorPicker,
HslStringColorPicker,
HslaStringColorPicker,
HsvColorPicker,
HsvaColorPicker,
HsvStringColorPicker,
HsvaStringColorPicker,
} from "react-colorful";
2. Agregue el componente selector de color a la aplicación.
const YourComponent = () => {
const [color, setColor] = useState("#aabbcc");
return <HexColorPicker color={color} onChange={setColor} />;
};
const YourComponent = () => {
const [color, setColor] = useState({ r: 50, g: 100, b: 150 });
return <RgbColorPicker color={color} onChange={setColor} />;
};
...
Ver en GitHub: https://github.com/omgovich/react-colorful