步骤组件
一个内置组件,用于将编号列表转换为步骤的可视化表示。
示例
用法
使用 <Steps> 组件包装一组 Markdown 标题,以将其转换为可视化步骤。它支持 <h2>、<h3> 和 <h4> 标题。您可以根据页面上的内容层次结构选择合适的标题级别。
MDX
import { Steps } from 'nextra/components'
## Getting Started
Here is some description.
<Steps>
### Step 1
Contents for step 1.
### Step 2
Contents for step 2.
</Steps>从目录中排除标题
要排除 <Steps> 组件(或任何其他标题)中的标题出现在目录中,请将 Markdown 标题 ### ... 替换为用花括号括起来的 <h3> HTML 元素。
MDX
<Steps>
- ### Step 1
+ {<h3>Step 1</h3>}
Contents for step 1.
</Steps>