ColorInputRoot

ColorInputRoot è un helper headless per le UI di input del colore.

Deriva un valore hex da un colore ed espone helper di aggiornamento per modifiche hex e colore completo.

Props

Prop	Default	Type
color* Valore colore corrente.	—	Color
editable Se il consumatore deve presentare il valore come modificabile.	—	boolean | undefined

Eventi

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

Slot

Slot	Props	Description
default	{ color: Color, editable: boolean, hex: string, updateFromHex: (value: string) => void, updateColor: (color: Color) => void }	Contratto di rendering principale per l'input del colore.

Esempio

<ColorInputRoot :color="color" @update="color = $event" v-slot="{ hex, updateFromHex }">
  <input :value="hex" @input="updateFromHex(($event.target as HTMLInputElement).value)" />
</ColorInputRoot>

API correlate

• ColorPickerRoot