颜色选择器
颜色选择器用于让商家直观地选择颜色。例如,商家使用颜色选择器为其商店自定义电子邮件模板的强调色。
当商家需要选择颜色以使选择成为视觉任务而不是技术任务时使用。
进口{选择器}从“@shopify /北极星”;进口{useState}从“反应”;函数ColorPickerExample(){常量(颜色,改变颜色]=useState({色调:120,亮度:1,饱和:1,});返回<器onChange={改变颜色}颜色={颜色}/>;}
道具
想要帮助完善这个功能吗?请分享你的反馈.
接口
ColorPickerProps
- id? 字符串
-
元素的ID。
- 颜色
-
当前选择的颜色。
- allowAlpha? 布尔
-
允许用户选择一个alpha值。
- fullWidth? 布尔
-
允许HuePicker采取全宽度。
- onChange (颜色:) = >无效
-
当颜色被选择时回调。
最佳实践
- 使用alpha滑块,如果你想让商家能够选择一个透明的颜色