Phone field
A phone input with a searchable ISO-code country picker, as-you-type grouping from a built-in table of 17 countries, length validation, paste normalisation and E.164 output.
Preview
Mobile
Saved as +351912345678
Office line
Too many digits for United Kingdom (10).
Emergency contact
Germany numbers have 10 or 11 digits.
Support (APAC only)
Singapore numbers have 8 digits.
Paste “+1 (604) 555-0123” or “0044 7700 900123” into any field: the country switches and the number regroups.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value / defaultValue | string | null | — | E.164 number (any pasteable text is normalised). |
| onValueChange | (e164: string | null, detail: { country, national }) => void | — | E.164 when the length is valid for the country, else null. |
| defaultCountry | string | "US" | ISO code used until a number or choice sets another. |
| countries | string[] | all 17 | Limit and order the country list by ISO code. |
| placeholder | string | formatted example | Defaults to a grouped example number for the country. |
| disabled / invalid | boolean | false | Dim the field / force the error state. |
| name | string | — | Hidden input carrying the E.164 value. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.