react-color 顏色選擇器組件
阿新 • • 發佈:2018-07-06
photos kpi 傳遞 times material reac 17. complete erp <SwatchesPicker/> <TwitterPicker/>
demo鏈接:github demo
安裝: npm install react-color --save
有一下幾種類型組件
<AlphaPicker /> <BlockPicker /> <ChromePicker/> <CirclePicker /> <CompactPicker /> <GithubPicker /> <HuePicker/> <MaterialPicker /><PhotoshopPicker /> <SketchPicker/> <SliderPicker/>
公有的組件API:
color 控制顏色選擇器上的當前選中顏色,用來進行初始化顏色,或者用來保持父子組件顏色一致
onChange 修改顏色時觸發。每次修改顏色都會傳遞一個函數來調用。他將被頻繁調用。如果你只是想獲得最後的選中顏色,使用 onChangeComplete 即可
onChangeComplete 顏色更改完成後觸發,這時就可以保持父子組件顏色同步
私有的組件API:(某些特定組件才有的API)
colors 組件的默認顏色數組。通過他可以在多選的顏色組件中進行默認配置
根據項目中的使用情況,後面會繼續記錄
react-color 顏色選擇器組件