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 ColorPickerstringmedium / small / mini
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

Events

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