ColorPickerRoot

ColorPickerRoot to bezstanowy prymityw selektora kolorów oparty na popover.

Udostępnia:

• slot wyzwalacza ze stylowaniem tła próbki
• domyślny wyzwalacz zastępczy
• slot zawartości z color i update()

Props

Prop	Default	Type
color* Bieżąca wartość koloru.	—	Color
contentClass Opcjonalna klasa dla zawartości popover.	—	string | undefined
swatchClass Opcjonalna klasa dla domyślnego przycisku wyzwalacza.	—	string | undefined

Zdarzenia

Event	Payload	Description
update	color: Color	Emitowane gdy kolor się zmienia.

Sloty

Slot	Props	Description
trigger	{ style: Record<string, string> }	Niestandardowy wyzwalacz ze stylem tła próbki.
default	{ color: Color, update: (color: Color) => void }	Główna zawartość edytora kolorów.

Przykład

<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>

Powiązane API

• ColorInputRoot