Formulare v1.0.0

Passworteingabe

Eine Passworteingabe mit Sichtbarkeitsumschaltung, Stärkeanzeige und Anforderungscheckliste. Enthält ein Augen-Icon zum Umschalten zwischen verborgenem und sichtbarem Passworttext, einen optionalen farbcodierten Stärkebalken und eine Anforderungscheckliste, die sich in Echtzeit aktualisiert.

Vorschau & Code

Optionen

Name Typ Standard Beschreibung
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

Änderungsprotokoll 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

Vollzugang erhalten

Schalte den Quellcode für diese und alle anderen Komponenten frei. Einmalige Zahlung für lebenslangen Zugang.

Jetzt Zugang erhalten