Raster
Zwölf-Spalten-Raster. Kinder bestimmen ihre Breite über node.layout.span; ohne Angabe gilt die Vorgabe aus dem columns-Prop.
Beispiele
3 Spalten (bricht mobil auf 1)
Produkt A
Raster-Zelle eins.
Produkt B
Raster-Zelle zwei.
Produkt C
Raster-Zelle drei.
auto-fit nach Mindestbreite
Auto 1
So viele Spalten wie passen.
Auto 2
Mindestbreite 240px.
Auto 3
Fluid ohne Media Query.
Auto 4
Vierte Zelle.
Responsive Props: mobil 2, ab md 4 Spalten — Abstand mobil sm, ab md lg
R1
base: 2 Spalten.
R2
ab md: 4 Spalten.
R3
Explizit pro Breakpoint.
R4
Statt eingebackenem Verhalten.
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| columns | string: auto | 2 | 3 | 4 | 6 | 12 | "auto" | Spalten |
| gap | string: none | sm | md | lg | xl | "md" | Abstand |
* Pflicht-Prop
Events & Slots
Slot default:
akzeptiert ui.*, component.*, section.*, layout.*