Spalten — layout.columns
Zwei benannte Spalten mit Verhältnis (1:1, 2:1, 1:2) — stapeln mobil untereinander
Layoutv1.1.0Layoutweb.documentweb.applicationdesktop.shell
Beispiele
2:1 (Inhalt + Seitenleiste)
Hauptinhalt
Breite Spalte — mobil stapeln beide untereinander.
Seitenleiste
Info1:1 zentriert
Linke Hälfte.
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
ratio | string: 1:1 | 2:1 | 1:2 | "1:1" |
gap | string: none | sm | md | lg | xl | "md" |
align | string: start | center | stretch | "start" |
Events & Slots
Slot start: akzeptiert ui.*, component.*, section.*, layout.* · Pflicht
Slot end: akzeptiert ui.*, component.*, section.*, layout.* · Pflicht
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--columns-gap | var(--size-4) |
Genutzte Design-Tokens
size.10 size.2 size.4 size.6