Komponente für Autorisierungscode Zusammenfassung AuthCodeInput ist ein Eingabefeld für einen 6-stelligen Autorisierungscode, der für 2FA-ähnliche Abläufe verwendet wird. Es zeigt sechs einzelne Zeichenfelder und integriert sich mit einem Backend zur Validierung des eingegebenen Codes. Benutzerstory Als Benutzer möchte ich einen 6-stelligen Autorisierungscode eingeben und absenden, um meine Identität in einem vertrauten 2FA-Flow zu verifizieren. Anatomie - 6 Eingabefelder, die in einer Reihe ausgerichtet sind (jeweils ein Zeichen) - In der Mitte der Felder wird ein Bindestrich (-) angezeigt Kernverhalten Eingaben - Jedes der 6 Felder akzeptiert ein einzelnes Zeichen. - Es sind nur Ziffern 0–9 und Buchstaben A-Z erlaubt. - Beim Tippen eines gültigen Zeichens: o wird das Zeichen im aktuellen Feld gespeichert. o Wenn das eingegebene Zeichen in Kleinbuchstaben ist, wird es automatisch in Großbuchstaben umgewandelt. o Der Fokus wird automatisch auf das nächste Feld gesetzt. - OTP-Vollständigkeit: o Das Element betrachtet den Wert nur dann als "vollständig", wenn alle 6 Felder ausgefüllt sind.