Spalten
Zwei benannte Spalten mit Verhältnis (1:1, 2:1, 1:2) — stapeln mobil untereinander
Beispiele
2:1 (Inhalt + Seitenleiste)
Hauptinhalt
Breite Spalte — mobil stapeln beide untereinander.
Seitenleiste
Info1:1 zentriert
Linke Hälfte.
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| ratio | string: 1:1 | 2:1 | 1:2 | "1:1" | Verhältnis |
| gap | string: none | sm | md | lg | xl | "md" | Abstand |
| align | string: start | center | stretch | "start" | Vertikale Ausrichtung |
* Pflicht-Prop
Events & Slots
Slot start:
akzeptiert ui.*, component.*, section.*, layout.*
Slot end:
akzeptiert ui.*, component.*, section.*, layout.*
Stellschrauben (Komponenten-Tokens)
Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.
| Token | Default |
|---|---|
--columns-gap | var(--size-4) |
Genutzte Design-Tokens
size.10size.2size.4size.6