Skip to content

ColorPicker 颜色选择器

规则

基础示例

Props 配置示例

尺寸对比(小 / 中 / 大)

支持透明度

预设颜色

Events 示例

Props

名称类型默认值说明
alphabooleanfalse是否支持透明度选择
colorModemonochrome | linear-gradientmonochrome设定颜色模式
enable-historybooleanfalse是否启用预定义颜色
enable-predefine-colorbooleanfalse是否启用预定义颜色
format('hex'|'rgb'|'hsl'|'hsv')[][]点击确认后返回对应 format;空数组表示禁用格式下拉
historystring[] | undefinedundefined历史记录默认值
predefinestring[] | undefinedundefined预定义颜色色值
sizestring定义尺寸,可选值:large / medium / small / mini
visiblebooleanfalse是否默认显示 color-select

Events

名称类型说明
cancel() => void按下取消或点击外部时触发
confirm(hex: string) => void按下确认时触发

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用