Formulaires v1.0.0

Saisie de code PIN

Série de champs à caractère unique pour les codes de vérification et la saisie OTP. Le focus avance automatiquement à la saisie, le collage remplit tous les champs, et la touche retour arrière navigue entre les champs. Combine toutes les valeurs dans un champ caché pour la soumission du formulaire.

Aperçu et code

Options

Nom Type Par défaut Description
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

Journal des modifications 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

Obtenir l'accès complet

Débloquez le code source de ce composant et de tous les autres. Paiement unique pour un accès à vie.

Obtenir l'accès maintenant