Stepper

A component used to display step-by-step instructions directly within the markdown render.

In this guide, we utilize custom Steps and Step components, specifically designed for DocuBook, to display step-by-step instructions directly within markdown.

Preview

  1. Step 1: Clone the DocuBook Repository
    bash
    git clone https://github.com/DocuBook/docubook.git
    
  2. Step 2: Access the Project Directory
    bash
    cd docubook
    
  3. Step 3: Install Required Dependencies
    bash
    pnpm install
    

Output Markdown

mdx
<Steps>
  <Step title="Step 1: Clone the DocuBook Repository">
    ```bash
    git clone https://github.com/DocuBook/docubook.git
    ```
  </Step>
  <Step title="Step 2: Access the Project Directory">
    ```bash
    cd docubook
    ```
  </Step>
  <Step title="Step 3: Install Required Dependencies">
    ```bash
    pnpm install
    ```
  </Step>
</Steps>

Last updated May 5, 2026