Home

Jump to bottom

Sachin Dilshan edited this page Aug 13, 2025 · 1 revision

ngxsmk-tel-input

An Angular component for entering and validating international telephone numbers with a country dropdown, flags, and robust parsing/validation.

UI: intl-tel-input
Validation: libphonenumber-js
Angular Forms: Implements ControlValueAccessor (Reactive & Template-driven)

Emits E.164 by default (e.g., +14155550123). Lazy-loads UI for SSR safety.

Quick links

▶️ Getting Started: Getting Started
🧩 Usage Examples: Usage
🔌 API Reference: API
🎨 Theming & Styling: Theming
🧪 Local Dev & Tests: Development
🚀 Release & Publish: Release
🔁 CI/CD: CI/CD
🛡️ Security: Security
🤝 Contributing: Contributing
🩹 Troubleshooting / FAQ: Troubleshooting & FAQ

Compatibility

ngxsmk-tel-input	Angular
0.0.x	17.x – 19.x

Peer deps: @angular/* >=17 <20, rxjs ^7.8.

Snapshot

<ngxsmk-tel-input
  formControlName="phone"
  label="Phone"
  [initialCountry]="'US'"
  [preferredCountries]="['US','GB','AU']">
</ngxsmk-tel-input>

- [[Home]]
- [[Getting Started]]
- [[Usage]]
- [[API]]
- [[Theming]]
- [[Development]]
- [[Release]]
- [[CI/CD]]
- [[Security]]
- [[Contributing]]
- [[Troubleshooting & FAQ]]

Clone this wiki locally