Selectores de color rápidos y livianos para React y Preact

Un conjunto de componentes selectores de color pequeños, rápidos, accesibles y compatibles con dispositivos móviles para las aplicaciones React y Preact.

Cómo usarlo:

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} />;
};

...

Avance:

Ver en GitHub: https://github.com/omgovich/react-colorful