OTP Input
Un unico codice segmentato. Base UI possiede digitazione, avanzamento, incolla, tastiera e valore; verifica e messaggi restano al consumer.
import { OtpInput } from '@qoovex/ui/components/otp-input'Digitazione, incolla e modifica
Digita in sequenza, incolla un codice completo, usa Backspace oppure seleziona una cifra centrale. Il completamento indica soltanto che tutti gli slot sono pieni.
Codice a sei cifre
Su mobile usa tastiera numerica e autofill one-time-code; non invia automaticamente il form.
Lunghezza
La lunghezza è esplicita; nessun separatore 3+3 viene aggiunto implicitamente.
Quattro cifre
Sei cifre
Stati
Errore e disponibilità appartengono alla stessa grammatica dei Field; nessuno stato sposta o scuote il codice.
Codice non valido
Inserisci tutte le sei cifre ricevute.
Disabilitato
Il valore resta leggibile, ma il gruppo non accetta interazioni.