Input password
Un input password con toggle di visibilità, indicatore di robustezza e checklist dei requisiti. Include un'icona occhio per alternare tra testo nascosto e visibile, una barra di robustezza opzionale con codifica a colori e una checklist dei requisiti che si aggiorna in tempo reale.
Anteprima e Codice
███
████████ █████ █████████ █████████
█████ ████ ████ ████████
███ █████████ ██████ █████ ██ ███ ██
███ ██████ ████████████████████████████ █████ ██ ██████████ ██████████ ██████ ██████████ ██
██ ███ ██
██████████ ██████
███ ██████ ████████████████████████████ █████ ███████████ ██████ ██████████ ██
██████ █ ██████████ █ ████ ████████████████████
██ ████████ ██ ████████████████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ ██████████ █████████████ ██████████████████ ████████████████ ██████████████
██████ ██████ █ █ ████████ █ █████ ████████ ████████ █████ █ █
██████████████████ █
█████████████████ █ ██████████████████
█████████████████████ █ █████████████████ █ ██████ █ ██████████
█ ██████████████████████ ████
█████ ██████████████████████ █ ███████████████████
█████ █ █████ ██ ██████████
███████████ ██████ ███████████ ██████ ███████ ███████ █████████████
██████████ ██████████ ██████ ███████ ████████████████ ██████████████████
███ ███████████
█████ ████
████ ██████████████ █████████████████████████████████
██ ██ ███████████████ ██
██████ ████████ ████████ ███ ██████████ █████████████ ████
███ ██████ ██
██ ██ █████████ ██
█████ ███████████████████ ████████████████
██ ███ ██
████████
██ ███ ██
██████ █ ██████████ █ ████ ████████████████████
██ ████████ ██ ████████████████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ ██████████ █████████████ ██████████████████ ████████████████ ██████████████
██████ ██████ █ █ ████████ █ █████ ████████ ████████ █████ █ █
██████████████████ █
█████████████████ █ ██████████████████
█████████████████████ █ █████████████████ █ ██████ █ ██████████
Registro delle modifiche
- 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
Ottieni l'Accesso Completo
Sblocca il codice sorgente di questo componente e di tutti gli altri. Un solo pagamento per l'accesso a vita.
Ottieni l'Accesso Ora