---
id: stack
title: Stack
---

# Stack

Use the Stack component in order to arrange elements vertically or horizontally.

## How to use

<code src="@digigov/ui/src/layouts/Stack/__stories__/Default.tsx" />

### With align items

<code src="@digigov/ui/src/layouts/Stack/__stories__/AlignItems.tsx" />

### With justify content

<code src="@digigov/ui/src/layouts/Stack/__stories__/JustifyContent.tsx" />

### With no wrap

<code src="@digigov/ui/src/layouts/Stack/__stories__/NoWrap.tsx" />

### In row

<code src="@digigov/ui/src/layouts/Stack/__stories__/Row.tsx" />

### With spacing

<code src="@digigov/ui/src/layouts/Stack/__stories__/Spacing.tsx" />

## API

See below for a complete reference to all of the props available to the components mentioned here.

<ComponentProps componentName={["Stack"]} />