Skip to content
Documentation
nextra-theme-docs
Built-ins
Steps

Steps

Step Component

A built-in component of the Docs Theme to turn a numbered list into a visual representation of steps.

Example

This is the first step

This is the first step description.

This is the second step

This is the second step description.

This is the third step

This is the third step description.

Usage

Wrap a set of markdown h3 headings with the Steps component to turn them into visual steps.

Step 1

Content for step 1.

Step 2

Contents for step 2.


_13
import { Steps } from '@visulima/nextra-theme-docs'
_13
_13
<Steps>
_13
_13
### Step 1
_13
_13
Contents for step 1.
_13
_13
### Step 2
_13
_13
Contents for step 2.
_13
_13
</Steps>