Color Picker
A full-featured color picker with HSB gradient canvas, hue and alpha sliders, hex input, and preset swatches. Drag anywhere on the gradient to pick.
#6366f1
Color Panels
A grid of selectable color swatches. The active color gets a ring highlight and a bouncy pop-in checkmark.
Selected: #6366f1
Compact Swatches
Use the cols prop to set a specific column count, and omit showLabel for a compact swatch toolbar.
MayaColorPicker Props API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
modelValue | String | "#6366f1" | The hex color code. Used with v-model. |
presets | Array | Array[12] | An array of hex color strings to display in the preset grid. |
@update:modelValue | Event | — | Emitted with the hex string. |