Componente di codice di autorizzazione Sommario AuthCodeInput è un campo di input di codice di autorizzazione di 6 caratteri usato per flussi in stile 2FA. Visualizza sei campi singoli e si integra con un backend per convalidare il codice inserito. Storia utente Come utente, voglio inserire un codice di autorizzazione di 6 caratteri e inviarlo, in modo da poter verificare la mia identità in un flusso familiare di 2FA. Anatomia - 6 campi di input allineati in una riga (uno per carattere) - Al centro dei campi, visualizza un trattino (-) Comportamento principale Ingressi - Ciascuno dei 6 campi accetta un singolo carattere. - Sono consentiti solo cifre da 0 a 9 e lettere da A a Z. - Digitando un carattere valido: o il carattere viene memorizzato nel campo corrente. o se il carattere inserito è in minuscolo, deve essere automaticamente convertito in maiuscolo. o il focus si sposta automaticamente sul campo successivo. - Completezza OTP: o il componente considera il valore "completo" solo quando tutti e 6 i campi sono pieni.