Phone Input

Input phone number that format automatically.

Basic usage

List all countries

Default country

Choose the default selected country

Only countries

Limit only specific countries

Preferred countries

List preferred countries first

Ignored countries

Remove specific countries

Phone Input Attributes

NameDescriptionTypeAccepted ValuesDefault
model-valuethe input valueString
placeholderinput placeholderString
default-phone-numberdefault valueString
default-country-codedefault countryString
preferred-countriescountries will be list on topArray<CountryCode>
ignored-countriescountries will be remove from listArray<CountryCode>
only-countriesshow only specific countriesArray<CountryCode>
disableddisable inputBooleanfalse
no-examplehide example number in placeholderBooleanfalse
show-countries-filtershow countries filter inputBooleantrue

Phone Input Events

NameDescriptionParameters
updatetrigger when value updated(value: ResultObject)
country-codetrigger when change selected country(value: string)
Last Updated:
Contributors: Tam Mai