Skip to content
Doculite

Command Palette

Search for a command to run...

GitHub

Steps

Display numbered step-by-step instructions.

Steps provide a numbered guide with a vertical connector line. Use h3 headings inside the Steps component for each step.

Usage

Create a new file

Add an MDX file to your content directory.

Add frontmatter

Include title and description in the frontmatter block.

Write content

Add your documentation content using Markdown and components.

<Steps>
 
### Create a new file
 
Add an MDX file to your content directory.
 
### Add frontmatter
 
Include title and description in the frontmatter block.
 
### Write content
 
Add your documentation content using Markdown and components.
 
</Steps>

Each h3 heading inside Steps automatically gets a numbered counter. The counter resets for each Steps block.