Form Elements
Input-Aadhaar
Input-Aadhaar field allow users to securely enter, format and validate their 12-digit unique identification number. They support user interaction by enabling standardized data entry in identity verification, government applications and secure onboarding workflows, ensuring a smooth and compliant user experience.
Examples
Label
xxxx xxxx xxxx
ⓘDescription
AccessibilityWCAG 2.1 Level AA Compliant
Features4 checks
- Clear label and instructions
- Error messages
- Monospace font for readability
- Auto-formatting
When to use this component
✓Do's
- •Collecting 12-digit Aadhaar numbers
- •Identity verification flows
- •eKYC authentication forms
- •Government service applications requiring Aadhaar
✗Don'ts
- •General numeric input: Use the standard Input component.
- •Incomplete Aadhaar numbers (less than 12 digits).
- •Non-numeric characters in the input.
- •Visible Aadhaar numbers without masking.
- •Missing labels or relying only on placeholders.
- •Incorrect digit grouping or formatting.
- •Error messages that do not explain the validation issue.
Do's and Don'ts
✓ Do's
Aadhaar Number
1234 5678 9012
Use a single input with auto-formatted 4-4-4 digit grouping, reduces entry errors by 35%.
✗ Don'ts
Don't split Aadhaar into separate input boxes, it disrupts user flow and copy-paste.