Address input
Address autocomplete over a small fictional address book with highlighted matches, a structured fields expansion and a drawn mini map that drops a pin.
Preview
Shipping address
Suggestions from a sample address book.
14 Harbor Row, Larkmouth
Billing address
Suggestions from a sample address book.
No address yet
Pick an address to see it on the map.
Try “harbor”, “ashbury lane” or “BW4”.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| addresses | AddressRecord[] | SAMPLE_ADDRESSES | Records to search: { id, line1, city, region, postcode, country, x, y } (x/y place the map pin, 0–100). The sample set is fictional. |
| defaultValue | Partial<AddressValue> | — | Prefill; opens the structured fields. |
| onValueChange | (value: AddressValue) => void | — | { line1, line2, city, region, postcode, country } after a pick or edit. |
| showMap | boolean | true | Show the drawn mini map with a pin. |
| label | string | "Address" | Label of the search field. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.