Formulaires v1.0.0

Champ de mot de passe

Un champ de mot de passe avec basculement de visibilité, indicateur de robustesse et liste de critères. Inclut une icône d'oeil pour basculer entre le texte masqué et visible, une barre de robustesse optionnelle à code couleur et une liste de critères qui se met à jour en temps réel.

Aperçu et code

Options

Nom Type Par défaut Description
form FormBuilder nil Rails form builder object (for form builder mode)
attribute Symbol nil Model attribute name (for form builder mode)
name String nil Input name attribute (for standalone mode)
value String nil Input value (for standalone mode)
label String nil Label text displayed above the input
placeholder String "Enter password" Placeholder text
required Boolean false Whether the field is required
disabled Boolean false Whether the field is disabled
size Symbol :md Input size: :sm, :md, or :lg
error String nil Error message displayed below the input
strength_meter Boolean false Show password strength meter below the input
show_requirements Boolean false Show password requirements checklist

Journal des modifications v1.0.0

- v1.0.0: Initial release with visibility toggle, strength meter, and requirements checklist
- Eye icon toggle between password and text input types
- Strength meter with 4 levels: weak (red), fair (amber), good (blue), strong (emerald)
- Requirements checklist: length, uppercase, lowercase, number, special character
- Form builder and standalone modes
- Three sizes: 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