ColorPickerPanel beta

ColorPickerPanel is the core component of ColorPicker.

Basic usage

Alpha

Predefined colors

Border

By default the color-picker-panel is bordered but in some case you don't want it.

Disabled

The disabled attribute determines if the color picker is fully disabled.

API

Attributes

NameDescriptionTypeDefault
model-value / v-modelbinding valuestring
borderwhether the color picker panel is borderedbooleantrue
disabledwhether to disable the color pickerbooleanfalse
show-alphawhether to display the alpha sliderbooleanfalse
color-formatcolor format of v-modelenum
predefinepredefined color optionsobject
validate-event 2.11.7whether to trigger form validationbooleantrue

Exposes

NameDescriptionType
colorcurrent color objectobject
inputRefcustom input refobject
update 2.11.4update sub componentsFunction

Source

ComponentStyleDocs

Contributors