Password Input

Input canonico con un comando contestuale per mostrare o nascondere il valore senza interrompere digitazione, selezione o form semantics.

import { PasswordInput } from '@qoovex/ui/components/password-input'

Password essenziali

Nuova password

La linea offre una stima progressiva; i requisiti reali restano nella validazione del form.

Compilata e controllata

Mostra e nascondi il valore demo senza perderne il controllo.

Interazione reale

Typing, tastiera e rapid reversal

Digita e usa l’occhio per continuare dall’identico caret. Con Tab raggiungi il comando; Enter e Space alternano la visibilità mantenendo il focus sull’azione.

Validazione e disponibilità

Errore collegato

Le password demo non coincidono.

Disabilitata e sempre nascosta

Input e comando di reveal sono entrambi non interattivi.

Sola lettura, reveal disponibile

Il valore resta selezionabile e il comando può mostrarlo.

Valore lungo

Il contenuto scorre naturalmente senza passare sotto l’occhio.