Stack

Layout component for arranging elements vertically or horizontally with spacing.

Installation

Add the component to your project using the following command:

Usage

Import

Import the component and its related parts.

Stack Parts

Structure

The expected structure and composition of the component.

Anatomy

Props

Each component part, its responsibility, and the props it exposes.

<Stack>

This component extends the JSX div element.

Name
Default
Options
`direction`
`column`
`row``column`
`spacing`
`md`
`sm``md``lg`

Examples

Row

To create a row stack, pass the direction="row" prop to the Stack component.