ColorInputRoot

ColorInputRoot преобразует текущее значение Color в шестнадцатеричную строку и предоставляет функции обновления из строки или полного объекта Color.

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>

См. также

• ColorPickerRoot