Компонент за код за авторизация
Резюме
AuthCodeInput е поле за въвеждане на 6-символен код за авторизация, използвано за потоци в стил 2FA. То показва шест едносимволни полета и се интегрира с бекенд за валидиране на въведения код.
История на потребителя
Като потребител искам да въведа 6-символен код за авторизация и да го изпратя, за да потвърдя своята идентичност в познат поток 2FA.
Анатомия
- 6 входни полета, подредени в ред (по един символ)
- В центъра на полетата се показва тире (-)
Основно поведение
Въвеждания
- Всяко от 6-те полета приема един символ.
- Разрешени са само цифри 0–9 и букви A-Z.
- При въвеждане на валиден символ:
o символът се запазва в текущото поле.
o ако въведеният символ е в малки букви, той автоматично се преобразува в големи.
o автоматично фокусира върху следващото поле.
- Завършеност на OTP:
o компонентът счита стойността "пълна" само когато всички 6 полета са попълнени.