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.

Tone

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.

Tone

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

packages/primitives/src/Facts.astro
PropTypeRequired
headingstringyes
groupsFactGroup[]yes
headingLevel1 | 2 | 3 | 4 | 5 | 6
classstring
FactGroup — referenced by a prop above
FieldTypeRequired
headingstringyes
factsFact[]yes