# Steps

> Number a sequence of level-three headings.

<CodePreview>
<Steps>

### Install

Add the package to your project.

### Configure

Register the integration in `astro.config.mjs`.

### Write

Create your first page in `src/content/docs`.

</Steps>

```mdx
<Steps>

### Install

Add the package to your project.

### Configure

Register the integration in `astro.config.mjs`.

### Write

Create your first page in `src/content/docs`.

</Steps>
```
</CodePreview>

<Callout type="note">
  Leave blank lines inside `Steps` so the headings are parsed as Markdown.
</Callout>