Epicmax - We are the core team behind Vuestic UI and Vuestic Admin and frontend development company specializing in Vue.js since our founding in 2017.

Color Palette
#

Palette component for color pick.

Examples
#

Basic usage
#

By default use this component with v-model and palette array.

Open in GitHub

Indicator
#

You can apply different styles to the indicator: dot and square are available.

Open in GitHub

API
#

Props #

NameDescriptionTypesDefault
ariaIndicatorLabel

The aria-label of the indicator

String

"$t:color"

ariaLabel

The aria-label of the component

String

"$t:colorSelection"

indicator

Sets the indicator style.

String

"dot"

modelValue

The value of the v-model bindings.

String

null

palette

An array of colors

Array

[]

preset

Named preset combination of component props.

String | Array

-

stateful

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

Boolean

false

Events #

NameDescription

update:modelValue

The event is triggered when the component needs to change the model. Is also used by v-model and must be listed after the v-model