Sélecteurs de couleurs rapides et légers pour React et Preact

Un ensemble de composants de sélecteur de couleurs minuscules, rapides, accessibles et adaptés aux mobiles pour les applications React et Preact.

Comment l'utiliser:

1. Installez et importez les composants du sélecteur de couleurs.

# 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. Ajoutez le composant sélecteur de couleurs à l'application.

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

...

Aperçu:

Voir sur GitHub : https://github.com/omgovich/react-colorful