ColorPicker
ColorPicker is a color selector supporting multiple color formats.
Basic usage
Alpha
Predefined colors
Sizes
Attributes
| Attribute | Description | Type | Accepted Values | Default |
|---|---|---|---|---|
| model-value / v-model | binding value | string | — | — |
| disabled | whether to disable the ColorPicker | boolean | — | false |
| size | size of ColorPicker | string | large / default /small | — |
| show-alpha | whether to display the alpha slider | boolean | — | false |
| color-format | color format of v-model | string | hsl / hsv / hex / rgb | hex (when show-alpha is false)/ rgb (when show-alpha is true) |
| popper-class | custom icon compontent for ColorPicker's dropdown | string / Component | — | — |
| predefine | predefined color options | array | — | — |
Events
| Event Name | Description | Parameters |
|---|---|---|
| change | triggers when input value changes | color value |
| active-change | triggers when the current active color changes | active color value |