9f99ae3ca7
* docs: add markdown-basic en * docs: add markdown-extensions en * docs: add markdown-icons en * docs: add markdown-mark en , change file structure * docs: update usage * docs: add to markdown-caniuse en * docs: add en docs markdown - import files * docs: add en docs markdown - collapse * chore: fix package lock file --------- Co-authored-by: pengzhanbo <volodymyr@foxmail.com>
895 B
895 B
title, createTime, icon, permalink
| title | createTime | icon | permalink |
|---|---|---|---|
| Steps | 2025/03/24 20:10:59 | streamline:steps-number | /en/guide/markdown/steps/ |
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:
:::: steps
-
Step 1
console.log('Hello World!') -
Step 2
Here is the content related to step 2
-
Step 3
::: tip Hint container :::
-
End ::::