Składnik kodu autoryzacyjnego Podsumowanie AuthCodeInput to pole do wprowadzania 6-znakowego kodu autoryzacyjnego używanego w przepływach typu 2FA. Wyświetla sześć pojedynczych pól znakowych i integruje się z backendem w celu weryfikacji wprowadzonego kodu. Historia użytkownika Jako użytkownik, chcę wprowadzić 6-znakowy kod autoryzacyjny i go wysłać, aby móc zweryfikować swoją tożsamość w znanym przepływie 2FA. Anatomia - 6 pól wejściowych ułożonych w rzędzie (po jednym znaku) - W środku pól wyświetla się myślnik (-) Główne zachowanie Wprowadzanie - Każde z 6 pól akceptuje pojedynczy znak. - Dozwolone są tylko cyfry 0–9 i litery A-Z. - Podczas wpisywania ważnego znaku: o znak jest przechowywany w bieżącym polu. o jeśli wpisany znak jest małymi literami, musi być automatycznie zamieniony na wielkie. o automatycznie skupia się na następnym polu. - Kompletność OTP: o komponent uznaje wartość za "pełną" tylko wtedy, gdy wszystkie 6 pól jest wypełnionych.