Features

A heading over a feature grid.

A heading over a FeatureGrid. That is the whole component, and it exists for the same reasonAvailableUnits does: the grid is the grid and only the grid (ADR 0011, 0027), so the heading around it had to live somewhere. The property page owned one and the CMS rendered a bare grid with none, which is one of the places the two pages read differently.

No outer margin — the host owns rhythm (ADR 0012).headingLevel passes through, so a host that needs this ath3 says so without the heading changing size.

A feature run

Tone

What comes with every home

  • Helppo vuokraus tyytyväisyystakuulla

    Teemme asumisen helpoksi alusta alkaen. Koko vuokrausprosessimme hoituu nopeasti verkossa – tyytyväisyystakuulla.

    Lue lisää
  • Ympäristöystävällisyyden edelläkävijä

    Kaikkea toimintaamme ohjaa hiilineutraalius sekä rakentamis- että asumisvaiheessa.

    Lue lisää
  • Me olemme Juli Living

    Me Juli Livingillä haluamme tarjota sinulle erityisen laadukkaan kodin ja mukavan arjen. Olemme skandinaavinen brändi ja toimineet Suomessa vuodesta 2020 alkaen.

    Lue lisää

Reversed

reversed flips the media side of the spanning item, which is what lets a stack of these alternate instead of reading as a column of identical rows.

Tone

What comes with every home

  • Helppo vuokraus tyytyväisyystakuulla

    Teemme asumisen helpoksi alusta alkaen. Koko vuokrausprosessimme hoituu nopeasti verkossa – tyytyväisyystakuulla.

    Lue lisää
  • Ympäristöystävällisyyden edelläkävijä

    Kaikkea toimintaamme ohjaa hiilineutraalius sekä rakentamis- että asumisvaiheessa.

    Lue lisää
  • Me olemme Juli Living

    Me Juli Livingillä haluamme tarjota sinulle erityisen laadukkaan kodin ja mukavan arjen. Olemme skandinaavinen brändi ja toimineet Suomessa vuodesta 2020 alkaen.

    Lue lisää

Props

packages/primitives/src/Features.astro
PropTypeRequired
headingstringyes
itemsItemsyes
reversed

Flip the spanning (full-width) item's media side; for alternating stacks.

boolean
headingLevel1 | 2 | 3 | 4 | 5 | 6
classstring