# Step

Steps reveal the content of a slide piece by piece. → reveals the next step before moving to the
next slide, ← hides it again. Print and PDF show every step.

## Live demo

Click the deck, then press → to reveal each step.

<StoryEmbed slug="step" />

## Syntax

```md title="Markdown"
:::step
Lorem ipsum
:::

:::step
Dolor sit amet
:::
```

```mdx title="MDX"
<Step>Lorem ipsum</Step>
<Step index={2}>Dolor sit amet</Step>
```

## Attributes and props

| Attribute | Type     | Default         | Description                     |
| --------- | -------- | --------------- | ------------------------------- |
| `index`   | `number` | automatic order | Reveal order (1 is shown first) |

## In other formats

<FormatSupport />