SketchPicker

April 10, 2025 ยท View on GitHub

Props

Besides modelValue and tinyColor (used with v-model and v-model:tinyColor respectively), <SketchPicker /> also supports the following props:

PropTypeDefaultDescription
disableAlphaBooleanfalseHides the alpha (opacity) slider and input when set to true.
disableFieldsBooleanfalseHides all color input fields when set to true.
presetColorsstring[]Defines the color palette displayed as preset swatches in the component.

Events

<SketchPicker /> emits update:modelValue and update:tinyColor events, which are used by v-model and v-model:tinyColor respectively.