Koala logo Design
Esc
No matches for “
↑↓ navigate open Esc close
Components Address line

Address line

Single-line property address used in list rows, view-page summaries, and the search-results dropdown. Renders Line1, Postcode when the address is known, or a muted "Still house hunting" placeholder when it isn't.

<koala-address-line>

Canonical

12 Birch Lane, SW1A 1AA

The most-used shape. Place inline anywhere the row needs to identify a property — list cards, table cells, view-page summaries.

Variants

3 variants
12 Birch Lane, SW1A 1AA
Full address
line1 + postcode
12 Birch Lane
Line only
postcode=null
Still house hunting
Empty
both null

States

1 state
12 Birch Lane, SW1A 1AA
Default

Props

2 attributes
Attribute Values Notes
line1 string? First line of the address.
postcode string? Postcode. Joined to line1 with a comma; either field can be missing.

Do & don't

Still house hunting
Do Let the helper render the "Still house hunting" placeholder. The wording carries through from the quote-creation toggle.
No address yet
Don't Don't roll your own placeholder text. The customer-facing copy is shared with the quote-creation flow and should stay in one place.