ChromePicker

Props

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

Prop	Type	Default	Description
disableAlpha	Boolean	false	Hides the alpha (opacity) slider and input when set to true.
disableFields	Boolean	false	Hides all color input fields when set to true.
formats	Array<'hex' | 'rgb' | 'hsl'>	['rgb', 'hex', 'hsl']	Controls which color formats are shown. Also defines their display order.

Events

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