Steps

Show content as progressive steps.

Settings

.vuepress/theme.ts

import { 
hopeTheme
 } from "vuepress-theme-hope";

export default 
hopeTheme
({
  
markdown
: {
    
steps
: true,
  },
});

Syntax

Wrap an ordered list (or an unordered list) in a steps container. Any Markdown syntax is allowed inside the steps.

Demo

1. Create a VuePress project

   pnpm create vuepress-theme-hope my-docs

2. Install the dependencies

   pnpm install

3. Start the dev server

   pnpm docs:dev

Demo

::: steps

1. Create a VuePress project

   ```bash
   pnpm create vuepress-theme-hope my-docs
   ```

2. Install the dependencies

   ```bash
   pnpm install
   ```

3. Start the dev server

   ```bash
   pnpm docs:dev
   ```

:::