ColorPickerRoot

ColorPickerRoot è una primitiva popover headless per la selezione del colore.

Fornisce:

• uno slot trigger con stile di sfondo campione
• un trigger predefinito di fallback
• uno slot contenuto con color e update()

Props

Prop	Default	Type
color* Valore colore corrente.	—	Color
contentClass Classe opzionale per il contenuto del popover.	—	string | undefined
swatchClass Classe opzionale per il pulsante trigger predefinito.	—	string | undefined

Eventi

Event	Payload	Description
update	color: Color	Emesso quando il colore cambia.

Slot

Slot	Props	Description
trigger	{ style: Record<string, string> }	Trigger personalizzato con stile di sfondo campione.
default	{ color: Color, update: (color: Color) => void }	Contenuto principale dell'editor del colore.

Esempio

<ColorPickerRoot :color="color" @update="color = $event">
  <template #trigger="{ style }">
    <button class="size-6 rounded border" :style="style" />
  </template>

  <template #default="{ color, update }">
    <MyColorEditor :color="color" @change="update" />
  </template>
</ColorPickerRoot>

API correlate

• ColorInputRoot