Stack

Generic flex stack — vertical or horizontal — with bounded gap, cross-axis alignment, and main-axis justification. Horizontal stacks always wrap so they never force overflow.

Shared

Defaults

Direction vertical

Direction horizontal

Gap xs

Gap sm

Gap md

Gap lg

Gap xl

Align start

Align center

Align end

Align stretch

Justify start

Justify center

Justify end

Justify between

Source

import { Stack } from "@zudo-composer/ui";

<Stack>
  <div>First item</div>
  <div>Second item</div>
</Stack>

Live CSS

Injected into the previews above. Stack

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */