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! 💡📱

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

Basic phone input

Phone input with custom country list

Phone input with preferred country list

API Reference