Formularios v1.0.0

Campo PIN

Serie de campos de un solo carácter para códigos de verificación y entrada OTP. Avanza automáticamente el foco al escribir, soporta pegado para completar todos los campos y navegación con retroceso entre campos. Combina todos los valores en un campo oculto para el envío del formulario.

Vista Previa y Código

Opciones

Nombre Tipo Predeterminado Descripción
length Integer 6 Number of input fields (e.g. 4, 6, 8)
type Symbol :numeric Input mode: :numeric or :alphanumeric
masked Boolean false Show dots instead of characters (like a password field)
separator_after Integer nil Show a dash separator after Nth input (e.g. 3 for "123-456")
label String nil Label text rendered above the inputs
hint String nil Hint text rendered below the inputs
error String nil Error message rendered below the inputs
disabled Boolean false Disables all inputs
name String nil Hidden input name for form submission (combined value)
size Symbol :md Input size: :sm, :md, or :lg

Registro de Cambios v1.0.0

- Initial release with auto-advance, paste, and backspace navigation
- Hidden input for seamless form submission
- Optional separator dash for grouped codes (e.g. 123-456)
- Masked mode for sensitive inputs
- Three size variants: sm, md, lg
- Dark mode support

Obtener Acceso Completo

Desbloquea el código fuente de este componente y todos los demás. Un solo pago para acceso de por vida.

Obtener Acceso