加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

react-color 颜色选择器组件

发布时间:2020-12-15 20:27:20 所属栏目:百科 来源:网络整理
导读:demo链接:github demo 安装: npm install react-color --save 有一下几种类型组件 AlphaPicker ?/? BlockPicker ?/? ChromePicker/? CirclePicker ?/? CompactPicker ?/? GithubPicker ?/? HuePicker/? MaterialPicker ?/ PhotoshopPicker ?/? SketchPicke

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 组件的默认颜色数组。通过他可以在多选的颜色组件中进行默认配置

?

?

根据项目中的使用情况,后面会继续记录

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读