Back to docs
Recipe
Phone input with country code
A polished phone number field with country flag, dial code selector, and inline validation.
🇺🇸+1
We'll send a verification code to this number.
Usage
Combine a country selector dropdown with a masked input. Store the raw E.164 number on submit. Validate length per country and show real-time feedback.
Country data
Flag emoji, ISO code, dial prefix, and length rules per country.
Validation
Check digit count, leading zeros, and carrier prefixes.
Formatting
Auto-format as user types: (555) 123-4567 or 0555 123 45 67.
E.164 output
Strip formatting on submit, emit +15551234567.