Overview

Sometimes, you need to display content in progressive steps. You can achieve this using the steps container.

Syntax

Within the steps container, use ordered (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

:::

Example

Input:

:::: steps
1. Step 1

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

2. Step 2

   Here is the content related to step 2

3. Step 3

   ::: tip
   Hint container
   :::

4. End
::::

Output:

1. Step 1

   console.log('Hello World!')

2. Step 2

   Here is the content related to step 2

3. Step 3

   Tips

   Hint container

4. End

Contributors

zhenghaoyang24pengzhanbo

Changelog

3/27/25, 1:06 PM

View All Changelog

• 9f99a-docs: add en markdown doc (#538)on 3/27/25