Components
Property card
Property card
Bordered property card with a labelled strip header (Sale / Purchase) and a two-column body — the property view (address, map, map links) on the left and a facts list (price, SDLT, building, ownership, yes/no flags) on the right. Caps at a max width and collapses to one column when narrow, so two can sit side by side. Has a built-in empty state.
Canonical
Purchase
Price
£2,213,123
SDLT estimate
£179,325
Buyers
2
Building
House / Bungalow
Ownership
Leasehold
Situation
Replacing main residence
New build
No
Mortgage
No
Shared ownership
No
A purchase leg with its address, map links and facts. The strip header reuses the calm surface-container band with a plum label.
States
2 states
Purchase
Price
£2,213,123
SDLT estimate
£179,325
Buyers
2
Building
House / Bungalow
Ownership
Leasehold
Situation
Replacing main residence
New build
No
Mortgage
No
Shared ownership
No
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…). |