PatternsAddress finder

Address finder

The one way to look up an address. It suggests addresses as the person types and offers to enter one by hand, starting from what they typed. The caller decides what a picked or typed address means.

<koala-address-finder>

Look up an address

Try "Fargate" or "Sheffield". Arrow keys move through the suggestions, Enter picks one, and Escape closes them. The page answers ?handler=SearchAddress and ?handler=ResolveAddress.

Picked and manual events

API

data-analytics intent prefix; the box, a suggestion and the manual link get .search, .result.select and .manual.open

label string (screen-reader label, default Address search)

placeholder string (default Start typing the address)

input-id string? id for the search input

name string? form name the typed query posts under

x-model Alpine expression bound to the typed query

address-picked event; detail is the resolved address

address-manual event; detail is { query, address } with the query split into address fields

address-finder-unavailable event; the lookup failed, detail as address-manual