ui-phone-input

ui-phone-input

A simple Ionic based phone input component

Install

npm install ui-phone-input --save

or

yarn add ui-phone-input

Usage

Import the UiPhoneInputModule in your Module

import { UiPhoneInputModule } from 'ui-phone-input';

@NgModule({
  imports: [UiPhoneInputModule],
})
export class Module {}

Use ui-phone-input component in your template

<ui-phone-input
  [value]="phoneNumber"
  (ionChangePhoneNumber)="phoneNumber = $event"
  (ionChangeValidity)="isValid = $event"
  placeholder="[phone]"
>
</ui-phone-input>

API

Inputs

@Input	Purpose	Type
value	The telephone number	string
placeholder	Input placeholder	string
country	Country ISO code	string (2 character ISO code, defaults to 'US')

@Output	Purpose
ionChangePhoneNumber	Triggered when the phone number changes value and can be parsed.
ionChangeValidity	Triggered when the phone number validity changes