hextra/exampleSite/content/docs/components/steps.md

---
title: Steps
---

A built-in component to display a series of steps.

## Example

{{< steps >}}

### Step 1

This is the first step.

### Step 2

This is the second step.

### Step 3

This is the third step.

{{< /steps >}}


## Usage

Put Markdown h3 header within `steps` shortcode.

```markdown
{{</* steps */>}}
### Step 1

This is the first step.

### Step 2

This is the second step.
{{</* /steps */>}}
```