Steps

Steps display sequential instructions with automatic numbering and a vertical progress indicator.

Basic usage

Install dependencies

Run the install command in your project root:

pnpm install

Configure your environment

Copy the example environment file:

cp .env .env.local

Start developing

Launch the development server:

pnpm dev

::::step-group
  :::step{title="Install dependencies"}
    Run the install command in your project root:
    
    ```bash
    pnpm install
    ```
  :::

  :::step{title="Configure your environment"}
    Copy the example environment file:

    ```bash
    cp .env .env.local
    ```
  :::
::::

Syntax

Steps use nested directive syntax:

::::step-group
  :::step{title="Step title"}
    Step content with **Markdown** and code blocks.
  :::
::::

Step numbers are generated automatically. You don’t need to specify them manually.

Props

step-group

No props. Acts as a container for step directives.

step

Prop	Type	Description
`title`	`string`	Title displayed next to the step number