Entrada de datos

InputTag

Un componente de entrada de etiquetas que permite agregar y eliminar etiquetas presionando Enter.

Tests

Uso

El componente SInputTag renderiza un campo de entrada de etiquetas. Usa v-model para vincular un arreglo de strings. Presiona Enter para agregar una etiqueta.

Bordes Redondeados

Usa la prop rounded para controlar el radio de borde del contenedor.

Error

Establece error en true para mostrar el input con estilo de error.

Deshabilitado

Establece disabled en true para evitar la interaccion del usuario.

Sin Borde

Establece borderless en true para eliminar el borde del contenedor.

Props

Prop	Tipo	Default	Descripcion
`modelValue`	`string[]`	`[]`	El arreglo de etiquetas (v-model)
`placeholder`	`string`	-	Texto placeholder para el input
`rounded`	`'both' \| 'left' \| 'right' \| 'none' \| 'full'`	`'both'`	Estilo de radio de borde
`error`	`boolean`	`false`	Muestra estilos de error
`disabled`	`boolean`	`false`	Deshabilita el input
`borderless`	`boolean`	`false`	Elimina el borde
`type`	`string`	`'text'`	El atributo type del input
`class`	`string`	-	Clases CSS adicionales

Eventos

Evento	Payload	Descripcion
`update:modelValue`	`string[]`	Se emite cuando el arreglo de etiquetas cambia

Editar esta páginaoReportar un problema

InputPassword

Un input de contrasena con boton de visibilidad, reglas de validacion, medidor de seguridad y panel de validacion.

Textarea

Un componente de entrada de texto multilinea con soporte para estados de error y deshabilitado.