Design System

Enterprise Design System Documentation

Pattern Library

Phone Input

Five phone number moments — a clinic booking form, an invalid checkout field, a 2FA setup, a verified profile entry and a locked support ticket field.

01Appointment BookingHearing care · Required
Randevu

İletişim bilgileriniz

02Checkout ContactRetail · Invalid state
Checkout / Shipping details

How can we reach you about delivery?

⚠ Enter a complete phone number

03Two-Factor SetupAccount security · Dark
Settings / Security / Recovery

Add a recovery phone number

Used only to verify sign-ins from new devices

04Verified NumberProfile · Read-only
Profil bilgileri
✓ Doğrulandı
05Pending VerificationSupport desk · Disabled
📨
Confirm your phone number

⏳ Verification code sent — field locked until confirmed