Stack

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

Install and import

yarn add @welcome-ui/stack @xstyled/styled-components @xstyled/system react react-dom styled-components
import { Stack } from '@welcome-ui/stack'

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