ColorInputRoot

ColorInputRoot es un helper headless para interfaces de input de color.

Deriva un valor hexadecimal a partir de un color y expone helpers de actualización para cambios hexadecimales y de color completo.

Props

Prop	Default	Type
color* Valor de color actual.	—	Color
editable Si el consumidor debe presentar el valor como editable.	—	boolean | undefined

Eventos

Event	Payload	Description
update	color: Color	Emitido cuando el color cambia.

Slots

Slot	Props	Description
default	{ color: Color, editable: boolean, hex: string, updateFromHex: (value: string) => void, updateColor: (color: Color) => void }	Contrato principal de renderizado del input de color.

Ejemplo

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

APIs relacionadas

• ColorPickerRoot