Componenta de cod de autorizare
Rezumat
AuthCodeInput este un câmp de introducere a unui cod de autorizare de 6 caractere utilizat pentru fluxuri de tip 2FA. Afișează șase câmpuri individuale și se integrează cu un backend pentru a valida codul introdus.
Povestea utilizatorului
Ca utilizator, vreau să introduc un cod de autorizare de 6 caractere și să îl trimit, pentru a-mi verifica identitatea într-un flux familiar de 2FA.
Anatomie
- 6 câmpuri de intrare aliniate într-un rând (un caracter fiecare)
- În centrul câmpurilor, afișează un cratima (-)
Comportament de bază
Intrări
- Fiecare dintre cele 6 câmpuri acceptă un singur caracter.
- Sunt permise doar cifrele 0–9 și literele A-Z.
- La tastarea unui caracter valid:
o caracterul este stocat în câmpul curent.
o dacă caracterul introdus este în litere mici, trebuie convertit automat în majuscule.
o focusul se mută automat pe câmpul următor.
- Completarea OTP:
o componenta consideră valoarea "completă" doar atunci când toate cele 6 câmpuri sunt completate.