Color Picker
A react-color színválasztó csomagolása.
Opciók
- variant |
string
: színválasztó variáns (vagyCompact
,Sketch
,Material
,Button
, vagyBlock
). Default:'Sketch'
. - color |
(string|object)
:string
, amely egy HeX kódot tartalmaz, vagy egyobjektum
, amely RGB vagy HSL értékeket tartalmaz, mint például{ r: 255, g: 255, b: 255 }
vagy{ h: 0, s: 0, l: .10 }
, amely meghatározza az aktív színt. Mindkettő elfogadja aza
tulajdonságot az egytől eltérő alfa-értékek esetén.. Default:'#fff'
. - disableAlpha |
boolean
: vezérli, hogy az alfa csúszka és az opciók eltávolításra kerüljenek-e. Default:false
. - presetColors |
array<string>
: HeXstrings
, amely meghatározza az alapértelmezett színeket a színválasztó alján.. Default:[ '#D0021B', '#F5A623', '#F8E71C', '#8B572A', '#7ED321', '#417505', '#BD10E0', '#9013FE', '#4A90E2', '#50E3C2', '#B8E986', '#000000', '#4A4A4A', '#9B9B9B', '#FFFFFF' ]
. - width |
number
: a színválasztó szélessége (px-ben). Default:200
. - className |
string
: osztály neve. Default:''
. - style |
object
: CSS inline stílusok. Default:{}
. - onChange |
function
: callback minden egyes színváltoztatáskor meghívódik. Default:onChange() {}
. - onChangeComplete |
function
: callback hívás a színváltás befejezése után. Default:onChangeComplete() {}
.
Példák
Élő szerkesztő
Eredmény
ReferenceError: Provider is not defined