使用

ColorInput组件继承了TextInput组件的属性和ColorPicker的属性, 本文档没有包含所有的功能, 可以查看TextInput和ColorPicker的文档了解更多功能.

禁止自由输入

设置disallowInput属性可以禁止用户自由输入

错误输入时恢复

当用户自由输入时, 如果输入的是错误的颜色值, 默认会自动恢复为上一次正确的颜色值. 设置fixOnBlur={false}可以覆盖默认行为, 这会保留不正确的颜色值:

滑块和色板

• withPicker属性设置为true, 并且不提供swatches属性, 则用户只能通过颜色滑块选择.
• withPicker属性设置为false, 并且提供swatches属性, 则用户只能在预定义的色板中选择.
• withPicker属性设置为false, 并且不提供swatches属性, 则下拉不显示.

点击色板自动关闭下拉框

当提供了swatches属性, 默认点击色板不会自动关闭下拉框, 可以设置closeOnColorSwatchClick属性可以覆盖默认行为.

拾色器

ColorInput组件默认右侧带有拾色器按钮. 它依赖于浏览器的EyeDropper Web API, 检查浏览器的支持, 如果浏览器不支持则不会显示.