Entrada de datos

InputIncrement

Un componente de entrada numerica con botones de incremento y decremento, con soporte para limites minimo y maximo.

Tests

Block

Uso

El componente SInputIncrement renderiza un input numerico con botones de incremento y decremento. Usa v-model para vincular el valor numerico.

Minimo y Maximo

Usa las props min y max para restringir el rango de valores. Los botones se deshabilitan automaticamente cuando el valor alcanza los limites.

Error

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

Deshabilitado

Establece disabled en true para evitar la interaccion del usuario.

El componente SInputIncrementBlock envuelve a SInputIncrement con una etiqueta, texto de ayuda y texto de error. Combina todas las props del componente base con label, helpText y errorText. Cuando se proporciona errorText, el estado de error se aplica automaticamente.

Props

Prop	Tipo	Default	Descripcion
`modelValue`	`number`	-	El valor numerico (v-model)
`min`	`number`	-	Valor minimo permitido
`max`	`number`	-	Valor maximo permitido
`error`	`boolean`	`false`	Muestra estilos de error
`disabled`	`boolean`	`false`	Deshabilita el input y los botones
`containerClass`	`string`	-	Clases CSS adicionales para el contenedor

Eventos

Evento	Payload	Descripcion
`update:modelValue`	`number`	Se emite cuando el valor numerico cambia

Editar esta páginaoReportar un problema

InputDate

Un componente de selector de fecha con soporte para formatos personalizados, modos de seleccion y estados de error.

InputMask

Un componente de input con mascara que aplica patrones de entrada como fechas, numeros de telefono y tarjetas de credito.