Skip to main content

Foundations

Stack

Apply consistent vertical spacing. The bouncer that keeps your elements at exactly the right distance from each other.

Curated demo

First item
Second item
Third item

Reference

Apply consistent vertical spacing. The bouncer that keeps your elements at exactly the right distance from each other.

  • Use Stack to normalize spacing between siblings. No more weird ad-hoc margin-bottom hacks!
  • Keep semantic structure in the child elements themselves.

Example snippet

<Stack space={4}><p>First</p><p>Second</p></Stack>