Stack

The Stack component is a layout component that allows you to easily stack elements with space between them.

Install and import #

Usage #

The default use of Stack will stack its children vertically.

Foo
Bar
Baz

You can change the direction & the spacing.

Foo
Bar
Baz

It will ensure that its children are lis when is rendered as an ul or an ol.

  • Foo
  • Bar
  • Baz

Properties #

NameType(s)DefaultRequired
as
string
div
children
node
direction
column
row
column
spacing
xxs
xs
sm
md
lg
xl
xxl
md

Dependencies #

Peer dependencies #