Skip to content
Zuno UI
Explore components
EXPLORE
Actions
Forms
Layout
Navigation
Data display
Feedback
Overlays
RESOURCES

Stack

Vertical rhythm with a semantic gap, no hidden margins.

Profile
Billing
Security

Installation

Run it from the root of a project already set up with zunoui init.

npx zunoui@latest add stack

Dependencies

What add stack installs alongside the component. The CLI skips any you already have in a compatible version.

ZUNO registry

  • @zuno/utils

Examples

1 examples · 1 component
stack
Profile
Billing
Security

Consistent vertical rhythm

A semantic gap between related sections.

API reference

Forwards props and ref to the container element; it only adds composition utilities.

PropTypeDefault
gap

Vertical spacing between items.

"2" | "4" | "6" | "8""4"
align

Horizontal alignment of the children.

"start" | "center" | "stretch""stretch"

Accessibility

A flexbox-based presentational container; it introduces no roles and does not change reading order.

Expresses relationships through proximity: group related items with a smaller gap than the one separating them from the rest.