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 inputBoolean—false
no-examplehide example number in placeholderBoolean—false
show-countries-filtershow countries filter inputBoolean—true

Phone Input Events

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