1. 程式人生 > >react-color 顏色選擇器組件

react-color 顏色選擇器組件

photos kpi 傳遞 times material reac 17. complete erp

demo鏈接:github demo

安裝: npm install react-color --save

有一下幾種類型組件

<AlphaPicker /> <BlockPicker /> <ChromePicker/> <CirclePicker /> <CompactPicker /> <GithubPicker /> <HuePicker/> <MaterialPicker /><PhotoshopPicker /> <SketchPicker/> <SliderPicker/>

<SwatchesPicker/> <TwitterPicker/>

公有的組件API:

color 控制顏色選擇器上的當前選中顏色,用來進行初始化顏色,或者用來保持父子組件顏色一致

onChange 修改顏色時觸發。每次修改顏色都會傳遞一個函數來調用。他將被頻繁調用。如果你只是想獲得最後的選中顏色,使用 onChangeComplete 即可

onChangeComplete 顏色更改完成後觸發,這時就可以保持父子組件顏色同步

私有的組件API:(某些特定組件才有的API)

colors 組件的默認顏色數組。通過他可以在多選的顏色組件中進行默認配置

根據項目中的使用情況,後面會繼續記錄

react-color 顏色選擇器組件