ColorInputRoot

ColorInputRoot to bezstanowy pomocnik dla UI pól wejściowych kolorów.

Wyprowadza wartość hex z koloru i udostępnia pomocniki aktualizacji dla hex i pełnych zmian koloru.

Props

Prop	Default	Type
color* Bieżąca wartość koloru.	—	Color
editable Czy konsument powinien prezentować wartość jako edytowalną.	—	boolean | undefined

Zdarzenia

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

Sloty

Slot	Props	Description
default	{ color: Color, editable: boolean, hex: string, updateFromHex: (value: string) => void, updateColor: (color: Color) => void }	Główny kontrakt renderowania pola wejściowego koloru.

Przykład

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

Powiązane API

• ColorPickerRoot