Steps
About 125 wordsLess than 1 minute
2025-10-08
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:
Step 1
console.log('Hello World!')
Step 2
This is the related content for step 2
Step 3
Tips
Tip container
Complete