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
Name | Description | Type | Accepted Values | Default |
---|---|---|---|---|
model-value | the input value | String | — | — |
placeholder | input placeholder | String | — | — |
default-phone-number | default value | String | — | — |
default-country-code | default country | String | — | — |
preferred-countries | countries will be list on top | Array<CountryCode> | — | — |
ignored-countries | countries will be remove from list | Array<CountryCode> | — | — |
only-countries | show only specific countries | Array<CountryCode> | — | — |
disabled | disable input | Boolean | — | false |
no-example | hide example number in placeholder | Boolean | — | false |
show-countries-filter | show countries filter input | Boolean | — | true |
Phone Input Events
Name | Description | Parameters |
---|---|---|
update | trigger when value updated | (value: ResultObject) |
country-code | trigger when change selected country | (value: string) |