Komponenta autorizačního kódu
Souhrn
AuthCodeInput je vstupní pole pro 6znakový autorizační kód používaný pro 2FA styly. Zobrazuje šest jednotlivých polí a integruje se s backendem pro ověření zadaného kódu.
Uživatelský příběh
Jako uživatel chci zadat 6znakový autorizační kód a odeslat ho, abych mohl ověřit svou identitu v oblíbeném 2FA toku.
Anatomie
- 6 vstupních polí zarovnaných v řadě (každé jedno znak)
- Uprostřed polí se zobrazuje pomlčka (-)
Hlavní chování
Vstupy
- Každé ze 6 polí přijímá jeden znak.
- Povolené jsou pouze číslice 0–9 a písmena A-Z.
- Při zadání platného znaku:
o znak je uložen do aktuálního pole.
o pokud je vložený znak malým písmenem, musí být automaticky převeden na velké.
o automaticky se zaměří na další pole.
- Kompletnost OTP:
o komponent považuje hodnotu za "úplnou" pouze tehdy, když jsou všechna 6 polí vyplněna.