Autorizācijas koda komponenta Kopsavilkums AuthCodeInput ir ievades lauks 6 rakstzīmju autorizācijas kodam, kas tiek izmantots 2FA stila plūsmās. Tas attēlo sešus vienkāršu rakstzīmju laukus un integrējas ar backend, lai apstiprinātu ievadīto kodu. Lietotāja stāsts Kā lietotājs, es vēlos ievadīt 6 rakstzīmju autorizācijas kodu un nosūtīt to, lai varētu apstiprināt savu identitāti pazīstamā 2FA plūsmā. Anatomija - 6 ievades lauki, sakārtoti rindā (katrs pa vienai rakstzīmei) - Lauku vidū tiek attēlots domuzīme (-) Galvenā uzvedība Ievades - Katrs no 6 laukiem pieņem vienu rakstzīmi. - Atļauti tikai cipari 0–9 un burti A-Z. - Ievadot derīgu rakstzīmi: o rakstzīme tiek saglabāta pašreizējā laukā. o ja ievadītā rakstzīme ir maza, tā automātiski tiek pārvērsta lielā. o automātiski fokusē uz nākamo lauku. - OTP pilnība: o komponents uzskata vērtību par "pilnu" tikai tad, kad visi 6 lauki ir aizpildīti.