Layout v1.0.0

Stack

A flexible layout component for stacking elements vertically or horizontally with configurable gap, alignment, and optional dividers between items.

Preview & Code

Options

Name Type Default Description
direction Symbol :vertical Stack direction: :vertical or :horizontal
gap Symbol :md Spacing between items: :xs, :sm, :md, :lg, :xl
align Symbol :stretch Cross-axis alignment: :start, :center, :end, :stretch
justify Symbol :start Main-axis alignment: :start, :center, :end, :between
wrap Boolean false Whether items should wrap to next line
dividers Boolean false Show dividers between items
class String "" Additional CSS classes

Changelog v1.0.0

- Initial release with vertical and horizontal directions
- Configurable gap, alignment, and justification
- Optional dividers between items
- Wrap support for horizontal stacks

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now