Yetkilendirme kodu bileşeni Özet AuthCodeInput, 2FA tarzı akışlar için kullanılan 6 karakterlik bir yetkilendirme kodu giriş alanıdır. Altı tek karakterli alan gösterir ve girilen kodu doğrulamak için bir arka uç ile entegre olur. Kullanıcı hikayesi Bir kullanıcı olarak, 6 karakterlik bir yetkilendirme kodu girmek ve göndermek istiyorum, böylece tanımlığımı tanıyabilirim. Anatomi - Satır halinde hizalanmış 6 giriş alanı (her biri tek karakter) - Giriş alanlarının ortasında bir tire (-) gösterilir Temel davranış Girişler - Her biri 6 alanın her biri tek karakter kabul eder. - Sadece 0–9 rakamları ve A-Z harfleri izinlidir. - Geçerli bir karakter girildiğinde: o karakter mevcut alana kaydedilir. o Girilen karakter küçük harf ise, otomatik olarak büyük harfe dönüştürülür. o Otomatik olarak bir sonraki alana odaklanır. - OTP tamamlama: o Bileşen, yalnızca tüm 6 alan doldurulduğunda "tamamlanmış" kabul eder.