Raster — layout.grid
Zwölf-Spalten-Raster. Kinder bestimmen ihre Breite über node.layout.span; ohne Angabe gilt die Vorgabe aus dem columns-Prop.
Layoutv1.1.0Layoutweb.documentweb.applicationdesktop.shell
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 |
|---|---|---|
columns | string: auto | fill | 1 | 2 | 3 | 4 | 6 | 12 | "auto" |
gap | string: none | sm | md | lg | xl | "md" |
Events & Slots
Slot default: akzeptiert ui.*, component.*, section.*, layout.* · Pflicht