Stack

v2.0.2
duplicate

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

Install and import

Example

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