Dottiv1.1
← Components

Stack

Component

Vertical and horizontal spacing utility for consistent layouts.

Installation & Usage

Basic Usage
import { Stack } from 'dotti'

<Stack spacing="md">
  <div>Item 1</div>
  <div>Item 2</div>
</Stack>

Examples

Stack Direction

Vertical and horizontal stacks.

Vertical Stack

Item 1
Item 2
Item 3

Horizontal Stack

Item 1
Item 2
Item 3
Code
{/* Vertical Stack */}
<Stack spacing="sm">
  <div>Item 1</div>
  <div>Item 2</div>
</Stack>

{/* Horizontal Stack */}
<Stack direction="row" spacing="sm">
  <div>Item 1</div>
  <div>Item 2</div>
</Stack>

Props