Stack

Layout elements vertically, add some space between elements.

A thin abstraction over a flex: it adds a gap and makes the flex vertical (by setting flex-direction).

The stack itself occupies the full width because it is a display:flex. Elements stretch to fill the stack by default (align prop).

  • gap: defaults to 16px.
  • justify: defaults to browser's default: flex-start (elements sit at the top),
  • align: defaults to browser's default: stretch (elements fill the cross axis horizontally)
earlymorning logo

© 2025 - All rights reserved

Stack

Layout elements vertically, add some space between elements.

A thin abstraction over a flex: it adds a gap and makes the flex vertical (by setting flex-direction).

The stack itself occupies the full width because it is a display:flex. Elements stretch to fill the stack by default (align prop).

  • gap: defaults to 16px.
  • justify: defaults to browser's default: flex-start (elements sit at the top),
  • align: defaults to browser's default: stretch (elements fill the cross axis horizontally)