Stepper

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

In this guide, we utilize a custom Stepper component, specifically designed for DocuBook, which enables users to display step-by-step instructions directly within the markdown render.

Preview

Step 1: Clone the DocuBook Repository

git clone https://github.com/DocuBook/docubook.git

Step 2: Access the Project Directory

cd docubook

Step 3: Install Required Dependencies

pnpm install

Output Markdown

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