Stack
A flex layout primitive that arranges children in a row or column with consistent gap spacing, alignment, and wrapping.
1
2
3
API
All inputs and configuration options for zyra-stack.
| Prop | Type | Default | Description |
|---|---|---|---|
direction | 'row' | 'column' | 'column' | Flex direction of the children |
gap | 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Spacing between children |
align | 'start' | 'center' | 'end' | 'stretch' | 'stretch' | Cross-axis alignment (align-items) |
justify | 'start' | 'center' | 'end' | 'between' | 'around' | 'start' | Main-axis alignment (justify-content) |
wrap | boolean | false | Allows children to wrap onto new lines |
Accessibility
Built to meet WCAG 2.0 AA. These notes cover the key ARIA, keyboard, and interaction behaviours.
- Purely presentational — no additional ARIA semantics are introduced