layout contract
Stack
Flexbox primitive. Lays children in a row or column with consistent gap.
Variants
- row
- column
- responsive
Sizes
- 0
- 2
- 3
- 4
- 6
- 8
Example
<Stack variant="column" size="4"><Card>...</Card><Card>...</Card></Stack>Usage rule
Use the gap token, never margins between children.
The full Stack contract has 3 more rules, plus the do-not patterns. Get the full recipe.