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