Components

Steps

Numbered walkthroughs for procedures and setup guides.

Use Steps and Step for ordered how-tos. Step numbers are assigned automatically in document order.

Basic usage#

Install dependencies

Run your package manager install command.

Configure docs

Set navigation in docs.json.

Start the app

Run the local development server.

<Steps>
  <Step title="Install dependencies">Run your package manager install command.</Step>
  <Step title="Configure docs">Set navigation in `docs.json`.</Step>
  <Step title="Start the app">Run the local development server.</Step>
</Steps>

Properties#

Steps#

Name	Type	Description
children	ReactNode	One or more `Step` children. Empty groups render nothing.

Step#

Name	Type	Description
title	ReactNode	Step heading. Falls back to `Step 1`, `Step 2`, and so on.
children	ReactNode	Step body content.

Last updated on Aug 8, 2026

Response field Tabs