步驟元件
一個內建元件,可將編號清單轉換為步驟的視覺化呈現。
範例
用法
使用 <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>