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'

Usage #

The default use of Stack will stack its children vertically.

Foo
Bar
Baz
Show editor

You can change the direction & the spacing.

Foo
Bar
Baz
Show editor

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

Foo
Bar
Baz
Show editor

Properties #

Dependencies #

• - @welcome-ui/box
  ^3.0.0
• - @welcome-ui/system
  ^3.0.0

Peer dependencies #

• - @xstyled/styled-components
  ^2.2.3
• - @xstyled/system
  ^2.2.3
• - react
  ^16.10.2 || ^17.0.1
• - react-dom
  ^16.10.2 || ^17.0.1
• - styled-components
  ^5.2.1