Komponent za kod autorizacije
Rezime
AuthCodeInput je unosno polje za 6-znamenkasti kod autorizacije koji se koristi za tokove u stilu 2FA. Prikazuje šest pojedinačnih polja za unos i integriše se sa backend-om za validaciju unetog koda.
Priča o korisniku
Kao korisnik, želim da unesem 6-znamenkasti kod autorizacije i da ga pošaljem, kako bih mogao da potvrdim svoj identitet u poznatom 2FA toku.
Anatomija
- 6 polja za unos poravnata u red (po jedno za svaki znak)
- U sredini polja prikazuje se crtica (-)
Osnovno ponašanje
Unosi
- Svako od 6 polja prihvata jedan znak.
- Dozvoljeni su samo brojevi 0–9 i slova A-Z.
- Pri unosu validnog znaka:
o znak se čuva u trenutnom polju.
o ako je uneti znak u malim slovima, automatski se pretvara u veliko.
o fokus se automatski prebacuje na sledeće polje.
- Potpunost OTP:
o komponenta smatra vrednost "potpunom" samo kada su sva 6 polja popunjena.