Phone Input
Say goodbye to clunky phone number inputs! 🚀 Our Phone Input for Angular Material brings a sleek, user-friendly, and highly customizable phone number field to your Angular applications.
Key features:
- ✅ Effortless UX – Intuitive design with country flag selection and automatic formatting.
- 🌍 Global Support – Handles international phone numbers like a pro.
- 🎨 Material 3 & Tailwind Ready – Seamlessly blends into your UI.
- ⚡ Optimized for Performance – Lightweight, fast, and developer-friendly.
Perfect for authentication forms, contact pages, and any app that needs clean, validated phone inputs. Upgrade your Angular forms today! 💡📱
Basic phone input
Phone input with custom country list
Phone input with preferred country list
Countries that will be displayed in priority order at the beginning of the list.
API Reference
Properties for the emr-phone-input component.
Properties
Events
| Prop | Type | Default |
|---|---|---|
autocomplete Specifies whether autocomplete is applied to an editable text field. | on | off | on |
errorStateMatcher Custom errorStateMatcher | ErrorStateMatcher | – |
onlyCountries List of iso codes of available country list | string[] | [] |
preferredCountries List of iso codes of available preferred country list | string[] | [] |
format Custom phone format | default | national | international | default |