Design System

Enterprise Design System Documentation

Pattern Library

OTP Input

Five one-time-code moments — a clinic login, a bank transfer confirmation, a phone verification, an expired support code and a disabled kiosk PIN pad.

01Login VerificationHearing care · 6 digits · Countdown
02Transfer ConfirmationBanking · Dark · Empty state
Transferring€2,400.00

To J. Alderweireld · NL91 ABNA…

Confirm transfer

Enter the 6-digit code sent to your registered device

03Phone VerificationOnboarding · 4 digits · Larger fields

Verify your number

We texted a 4-digit code to +90 5•• ••• 12 34

Resend code in 0:27

04Access CodeSupport desk · Error / expired state

Enter access code

Your support agent gave you a one-time 6-digit code

⚠ That code has expired — ask your agent for a new one

05Terminal PINKiosk · Dark · Disabled while processing
💳

Kart PIN'inizi girin

İşlem tamamlanana kadar bekleyin