vuepress-theme-plume/docs/en/guide/markdown/steps.md

title, createTime, icon, permalink

title	createTime	icon	permalink
Steps	2025/10/08 14:40:30	streamline:steps-number	/en/guide/markdown/steps/

Overview

When you need to present content as sequential steps, you can use the steps container to achieve this.

Syntax

Within the steps container, use ordered lists (or unordered lists) to represent steps. You can use any Markdown syntax inside the container.

::: steps

1. Step 1

  Related content

2. Step 2

  Related content

:::

Examples

Input:

:::: steps
1. Step 1

   ```ts
   console.log('Hello World!')
   ```

2. Step 2

   This is the related content for step 2

3. Step 3

   ::: tip
   Tip container
   :::

4. Complete
::::

Output:

:::: steps

1. Step 1

   console.log('Hello World!')
   

2. Step 2

   This is the related content for step 2

3. Step 3

   ::: tip Tip container :::

4. Complete ::::