Stack

Layout elements vertically and add space between them.

The container spans the whole line (because its width is still auto). It uses a vertical flex under the hood. Items default to spread horizontally within it.

Differences with a stock vertical flex:

  • It adds a gap (16px by default).

Other settings to override CSS defaults:

  • justify: elements sit at the top by default (flex-start)
  • align: elements fill the stack horizontally by default (stretch)
earlymorning logo

Stack

Layout elements vertically and add space between them.

The container spans the whole line (because its width is still auto). It uses a vertical flex under the hood. Items default to spread horizontally within it.

Differences with a stock vertical flex:

  • It adds a gap (16px by default).

Other settings to override CSS defaults:

  • justify: elements sit at the top by default (flex-start)
  • align: elements fill the stack horizontally by default (stretch)