Helppo vuokraus tyytyväisyystakuulla
Teemme asumisen helpoksi alusta alkaen. Koko vuokrausprosessimme hoituu nopeasti verkossa – tyytyväisyystakuulla.
Lue lisääFeature grid
The row that hosts Showcase items, two-up or spanning.
A row of Showcase items. Two-up by default; the odd trailing item spans the full row and flips to media-beside-text — count-driven CSS(:last-child:nth-child(odd)), not a per-item prop (ADR 0011, 0027). The sample has three items, so both layouts show at once. Resize narrow to see it collapse to a single column.
The grid keeps its name in the ubiquitous language even though the item it hosts was renamed to Showcase (ADR 0027). It is the sole host for those items: a page stacks one-item grids and alternates them withreversed to get the editorial beats on a property page. The "about us" block in the reference screenshots is exactly the spanning leftover, not a distinct component.
Three items, both layouts
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
| Prop | Type | Required |
|---|---|---|
| items | ShowcaseItem[] | yes |
| reversed Flip the spanning (full-width) item's media side; for alternating stacks. | boolean | — |
| headingLevel | 1 | 2 | 3 | 4 | 5 | 6 | — |
| Field | Type | Required |
|---|---|---|
| images | { src: string; alt: string }[] | yes |
| eyebrow | string | — |
| heading | string | yes |
| body | string | string[] | — |
| highlights | string[] | — |
| linkHref | string | — |
| linkLabel | string | — |
| prevLabel | string | — |
| nextLabel | string | — |