ColorInputRoot

ColorInputRoot — headless-хелпер для UI ввода цвета.

Выводит hex-значение из цвета и предоставляет хелперы обновления для hex и полного значения цвета.

Props

Prop	Default	Type
color* Текущее значение цвета.	—	Color
editable Должен ли потребитель представить значение как редактируемое.	—	boolean | undefined

Events

Event	Payload	Description
update	color: Color	Генерируется при изменении цвета.

Slots

Slot	Props	Description
default	{ color: Color, editable: boolean, hex: string, updateFromHex: (value: string) => void, updateColor: (color: Color) => void }	Основной контракт рендеринга ввода цвета.

Пример

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

Связанные API

• ColorPickerRoot