Autorizacijos kodo komponentas
Santrauka
AuthCodeInput yra 6 simbolių autorizacijos kodo įvesties laukas, naudojamas 2FA stiliaus srautams. Jis rodo šešis vieno simbolio laukus ir integruojasi su backend'u, kad patvirtintų įvestą kodą.
Vartotojo istorija
Kaip vartotojas, noriu įvesti 6 simbolių autorizacijos kodą ir jį pateikti, kad galėčiau patvirtinti savo tapatybę pažįstame 2FA sraute.
Anatomija
- 6 įvesties laukai išdėstyti eilėje (kiekvienas po vieną simbolį)
- Viduryje laukų rodomas brūkšnys (-)
Pagrindinis elgesys
Įvestys
- Kiekvienas iš 6 laukų priima vieną simbolį.
- Leidžiami tik skaičiai 0–9 ir raidės A-Z.
- Įvedus galimą simbolį:
o simbolis saugomas esamame lauke.
o jei įvestas simbolis mažąja raide, jis automatiškai turi būti paverstas didžiąja.
o automatiškai fokusuojama į kitą lauką.
- OTP pilnumas:
o komponentas laiko reikšmę "pilną" tik tada, kai visi 6 laukai yra užpildyti.