Color Picker
Un emballage pour le sélecteur de couleurs react-color.
Options
- variant |
string
: variante du sélecteur de couleurs (soitCompact
,Sketch
,Material
,Button
, ouBlock
). Default:'Sketch'
. - color |
(string|object)
: une "chaîne" contenant un code HeX ou un "objet" contenant des valeurs RGB ou HSL telles que "r : 255, g : 255, b : 255" ou "h : 0, s : 0, l : .10 }, qui détermine la couleur active. Les deux acceptent une propriété
apour les valeurs alpha autres que. Default:
'#fff'`. - disableAlpha |
boolean
: contrôle la suppression éventuelle du curseur alpha et des options. Default:false
. - presetColors |
array<string>
: HeXstrings
spécifiant les couleurs par défaut au bas du colorpicker. Default:[ '#D0021B', '#F5A623', '#F8E71C', '#8B572A', '#7ED321', '#417505', '#BD10E0', '#9013FE', '#4A90E2', '#50E3C2', '#B8E986', '#000000', '#4A4A4A', '#9B9B9B', '#FFFFFF' ]
. - width |
number
: largeur du sélecteur de couleurs (en px). Default:200
. - className |
string
: nom de la classe. Default:''
. - style |
object
: Styles CSS en ligne. Default:{}
. - onChange |
function
: rappel invoqué à chaque fois que la couleur est changée. Default:onChange() {}
. - onChangeComplete |
function
: rappel invoqué une fois le changement de couleur terminé. Default:onChangeComplete() {}
.
Exemples
Éditeur en direct
Résultat
ReferenceError: Provider is not defined