Nextra 3.0 已發布。 閱讀更多

步驟元件

一個內建元件,可將編號清單轉換為步驟的視覺化呈現。

範例

這是第一步

這是第一步的說明。

這是第二步

這是第二步的說明。

這是第三步

這是第三步的說明。

用法

使用 <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>