ColorInputRoot

ColorInputRoot est un helper headless pour les interfaces de saisie de couleur.

Il dérive une valeur hexadécimale d'une couleur et expose des helpers de mise à jour pour les changements hexadécimaux et de couleur complète.

Props

Prop	Default	Type
color* Valeur de couleur courante.	—	Color
editable Si le consommateur doit présenter la valeur comme modifiable.	—	boolean | undefined

Événements

Event	Payload	Description
update	color: Color	Émis quand la couleur change.

Slots

Slot	Props	Description
default	{ color: Color, editable: boolean, hex: string, updateFromHex: (value: string) => void, updateColor: (color: Color) => void }	Contrat de rendu principal de la saisie de couleur.

Exemple

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

API associées

• ColorPickerRoot