Komponenta autorizačného kódu
Zhrnutie
AuthCodeInput je vstupné pole pre 6-znakový autorizačný kód používaný pre 2FA štýly. Zobrazuje šesť jednotlivých polí a integruje sa s backendom na overenie zadaného kódu.
Príbeh používateľa
Ako používateľ chcem zadať 6-znakový autorizačný kód a odoslať ho, aby som mohol overiť svoju identitu v známej 2FA sekvencii.
Anatómia
- 6 vstupných polí zoradených v rade (každé jedno znak)
- Uprostred polí sa zobrazuje pomlčka (-)
Hlavné správanie
Vstupy
- Každé zo 6 polí akceptuje jeden znak.
- Povolené sú iba číslice 0–9 a písmená A-Z.
- Pri zadávaní platného znaku:
o znak sa uloží do aktuálneho poľa.
o ak je zadaný znak malými písmenami, musí byť automaticky prevedený na veľké.
o automaticky sa zameriava na ďalšie pole.
- Kompletnosť OTP:
o komponent považuje hodnotu "úplnú" iba keď sú všetky 6 polí vyplnené.