Autorisatiecode component Samenvatting AuthCodeInput is een invoerveld voor een 6-cijferige autorisatiecode, gebruikt voor 2FA-achtige flows. Het toont zes enkel-tekens velden en integreert met een backend om de ingevoerde code te valideren. Gebruikersverhaal Als gebruiker wil ik een 6-cijferige autorisatiecode invoeren en indienen, zodat ik mijn identiteit kan verifiëren in een vertrouwde 2FA-stroom. Anatomie - 6 invoervelden uitgelijnd in een rij (één teken per veld) - In het midden van de velden wordt een koppelteken (-) weergegeven Kern gedrag Invoeren - Elk van de 6 velden accepteert één teken. - Alleen cijfers 0–9 en letters A-Z zijn toegestaan. - Bij het typen van een geldig teken: o wordt het teken opgeslagen in het huidige veld. o als het ingevoerde teken in kleine letters is, wordt het automatisch omgezet naar hoofdletters. o wordt automatisch de focus op het volgende veld gezet. - OTP-volledigheid: o het component beschouwt de waarde als "volledig" alleen wanneer alle 6 velden zijn ingevuld.