颜色选择器

颜色选择器用于让商家直观地选择颜色。例如,商家使用颜色选择器为其商店自定义电子邮件模板的强调色。

当商家需要选择颜色以使选择成为视觉任务而不是技术任务时使用。

进口{选择器}“@shopify /北极星”进口{useState}“反应”函数ColorPickerExample{常量(颜色改变颜色]=useState{色调120亮度1饱和1}返回<器onChange={改变颜色}颜色={颜色}/>}

道具

想要帮助完善这个功能吗?请分享你的反馈

接口 ColorPickerProps
id 字符串

元素的ID。

颜色

当前选择的颜色。

allowAlpha 布尔

允许用户选择一个alpha值。

fullWidth 布尔

允许HuePicker采取全宽度。

onChange 颜色) = >无效

当颜色被选择时回调。

最佳实践

  • 使用alpha滑块,如果你想让商家能够选择一个透明的颜色