Components
Property card
Property card
Bordered property card with a labelled strip header (Sale / Purchase) over a full-bleed map hero with floating map controls, then the address, price, SDLT, facts list and yes/no flag pills. Fills its container width; the host decides when two sit side by side. Has a house-hunting state (estimated figures, no address/map yet) and a built-in empty state.
Canonical
Purchase
A purchase leg with its full-bleed map hero, address and facts. The strip header reuses the calm surface-container band with a plum label.
States
3 states
Purchase
Purchase
Still house hunting
No property chosen yet — the figures below are based on the estimated purchase price.
Estimated price
£450,000
SDLT estimate
£12,500
Buyers
2
Building
House / Bungalow
Ownership
Freehold
Situation
First time buyer
New build
Mortgage
Shared ownership
Purchase
No property on this purchase yet
Add the property they're buying and we'll pull in the price, parties and an SDLT estimate for you.
Props
| Attribute | Notes |
|---|---|
| model | PropertyCardModel — Title, address lines, Price/SdltEstimate, Facts, Flags, map links, and the empty-state fields (IsEmpty, EmptyTitle, AddHref…). |