Sobes.tech
Senior

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.