Forms & inputs

Spec: Inputs & forms. Doctrine: prevent before validating; forgiving formats; errors say what to do.

Theme Direction Density

Text field anatomy

Label always visible above the field. Help text explains why we ask. Errors are specific and constructive. Verified fields are read-only with their source named.

Full name (as on your Emirates ID)

We're required to match your name to your ID for verification.

Recipient IBAN

This IBAN doesn't look right — UAE IBANs have 23 characters starting with AE. Paste it with or without spaces, we'll format it.

Emirates ID number

Verified from UAE PASS · Name changed? Update your Emirates ID first.

Code

Currency input

Live grouping, forgiving paste (currency symbols and Arabic digits accepted), remainder preview against available balance. Try typing above 25,000.

Amount

Leaves AED 20,000.00 available

Code

Selection controls

One checkbox per consent, never pre-ticked. Switches show their state in words and support an async pending state.

I accept the Key Facts Statement (PDF)Version 3.2 · required to continue Send me offers and product newsOptional — you can change this anytime in Settings International payments On Online payments Off

Code

Tabs, segmented control & stepper

Tabs for peer views; segmented for view toggles; stepper for journey position. Arrow keys work on tabs and respect direction.

214 transactions this quarter.

✓ Amount 2 Recipient 3 Review 4 Done

Code