Facts
Term and value groups, totals included, arithmetic excluded.
A home's fact groups as term and value lists — what it is, what it costs each month, what it costs to move in, when it is free. Every string arrives already localized and already formatted. There is noIntl anywhere in this component, and no arithmetic: a total is a row that was marked as one, not a sum this block worked out.
Two things were deliberately left out when this came out of the old listing page. The card chrome and its gutter-hang, which is the host'sContainer well, because the gutter is Container's to know. And any outer margin, because the host owns vertical rhythm (ADR 0012). Both previews below add the well themselves, which is how a real page does it.
Four groups
The two money groups each end in a total row. The specification group has none, and availability is a group of one — the three shapes a fact group takes.
The essentials
The home
- Type
- Apartment
- Rooms
- 2 rooms, kitchen, balcony
- Floor area
- 56 m²
- Floor
- 2nd of 4
- Facing
- South
- Condition
- Renovated 2024
- Energy rating
- B
Monthly rent
- Rent
- 8,100 kr
- Water on account
- 300 kr
- Total per month
- 8,400 kr
Moving in
- Deposit (2 months)
- 16,200 kr
- First month's rent
- 8,400 kr
- Total to move in
- 24,600 kr
Available
- Free from
- 1 August 2026
Without the well
The same component, unwrapped. Nothing about the card belongs to it.
The essentials
The home
- Type
- Apartment
- Rooms
- 2 rooms, kitchen, balcony
- Floor area
- 56 m²
- Floor
- 2nd of 4
- Facing
- South
- Condition
- Renovated 2024
- Energy rating
- B
Monthly rent
- Rent
- 8,100 kr
- Water on account
- 300 kr
- Total per month
- 8,400 kr
Props
| Prop | Type | Required |
|---|---|---|
| heading | string | yes |
| groups | FactGroup[] | yes |
| headingLevel | 1 | 2 | 3 | 4 | 5 | 6 | — |
| class | string | — |
| Field | Type | Required |
|---|---|---|
| heading | string | yes |
| facts | Fact[] | yes |