ColorPicker 是一个用于选择颜色的输入组件。
import { ColorPicker } from 'primereact/colorpicker';
ColorPicker 作为受控输入组件使用,通过 value 和 onChange 属性进行控制。
<ColorPicker value={color} onChange={(e) => setColor(e.value)} />
ColorPicker 默认显示为弹出框,添加 inline 属性可自定义此行为。
<ColorPicker value={color} onChange={(e) => setColor(e.value)} inline />
在值绑定中使用的默认颜色格式是 hex,其他可能的值可以使用 format 属性设置为 rgb 和 hsb。
<ColorPicker format="hex" value={colorHEX} onChange={(e) => setColorHEX(e.value)} />
<ColorPicker format="rgb" value={colorRGB} onChange={(e) => setColorRGB(e.value)} />
<ColorPicker format="hsb" value={colorHSB} onChange={(e) => setColorHSB(e.value)} />
当存在 disabled 属性时,元素不能被编辑和聚焦。
<ColorPicker disabled />