Column
Layout
Takes a block
A child of the 12-column grid, spanning span columns.
Column(span: …, stacks: …) { … }
Example
Row {
Column(span: 8) { Text("Main") }
Column(span: 4) { Text("Aside") }
}
Renders with the class wf-col, stable across releases, so a stylesheet may target it.
| Prop | Type | Meaning |
|---|---|---|
| span: | Number |
How many of the 12 grid columns to span |
| stacks: | Bool |
Reflow on a narrow screen: a Row becomes a column, a Grid one column |
Attribute families: global, aria, data. Plus the universal props on every element: animate:, exit:, speed:, class:, ref:.