ColorPicker

ColorPicker es un selector de color que soporta varios formatos de color.

TIP

Este componente requiere el envoltorio <client-only></client-only> cuando se utiliza en SSR (por ejemplo: Nuxt) y SSG (por ejemplo: VitePress).

Uso básico

Alfa

Colores predefinidos

Tamaños

API

Atributos

Nombre	Descripción	Tipo	Por defecto
model-value / v-model	valor enlazado	`string`	—
disabled	especifica si se deshabilita el ColorPicker	`boolean`	false
size	tamaño del ColorPicker	`enum`	—
show-alpha	específica si se muestra el control deslizante para el valor alfa	`boolean`	false
color-format	formato de color del `v-model`	`enum`	—
popper-class	nombre de clase para el dropdown del ColorPicker	`string`	—
predefine	opciones de colores predefinidas	`object`	—
validate-event	si se activa la validación del formulario	`boolean`	true
tabindex	ColorPicker tabindex	`string` / `number`	0
label a11y deprecated	ColorPicker aria-label	`string`	—
aria-label a11y 2.7.2	ColorPicker aria-label	`string`	—
id	ColorPicker id	`string`	—
teleported 2.7.2	whether color-picker popper is teleported to the body	`boolean`	true

Eventos

Nombre	Descripción	Tipo
change	se dispara cuando el valor del input cambia	`Function`
active-change	se dispara cuando el actual color activo cambia	`Function`
focus 2.4.0	triggers when Component focuses	`Function`
blur 2.4.0	triggers when Component blurs	`Function`

Expuesto

Nombre	Descripción	Tipo
color	objeto de color actual	`object`
show 2.3.3	mostrar manualmente ColorPicker	`Function`
hide 2.3.3	ocultar manualmente el ColorPicker	`Function`
focus 2.3.13	focus the picker element	`Function`
blur 2.3.13	blur the picker element	`Function`

Fuente

Componentes • Documentación

Contribuidores