ColorPicker

ColorPicker is a color selector supporting multiple color formats.

Basic usage

Alpha

Predefined colors

Sizes

Attributes

AttributeDescriptionTypeAccepted ValuesDefault
model-value / v-modelbinding valuestring
disabledwhether to disable the ColorPickerbooleanfalse
sizesize of ColorPickerstringlarge / default /small
show-alphawhether to display the alpha sliderbooleanfalse
color-formatcolor format of v-modelstringhsl / hsv / hex / rgbhex (when show-alpha is false)/ rgb (when show-alpha is true)
popper-classcustom class name for ColorPicker's dropdownstring
predefinepredefined color optionsarray
validate-eventwhether to trigger form validationboolean-true

Events

Event NameDescriptionParameters
changetriggers when input value changescolor value
active-changetriggers when the current active color changesactive color value

Source

ComponentDocs

Contributors