Color Input
#

Input component that allows you to select a color.

Examples
#

Basic usage
#

By default use this component with v-model.

Open in GitHub

Disabled
#

All user interactions can be disabled.

Open in GitHub

API
#

Props #

NameDescriptionTypesDefault
aria-open-color-picker-label

The aria-label of "open color picker" button.

String

"$t:openColorPicker"

disabled

Applies disabled style and removes all user interaction effects.

Boolean

false

indicator

Sets the indicator style.

String

"dot"

model-value

The value of the v-model bindings.

String

null

preset

Named preset combination of component props.

String

-

stateful

Add possibility to work with component without setting v-model.

Boolean

false

Events #

NameDescription

update-model-value

The event is triggered when the component needs to change the model. Is also used by v-model