ステップコンポーネント

番号付きリストをステップの視覚的な表現に変換する組み込みコンポーネントです。

例

使い方

Markdownの見出しのセットを <Steps> コンポーネントでラップすると、それらが視覚的なステップに変換されます。<h2>、<h3>、および <h4> の見出しをサポートしています。ページ上のコンテンツの階層に基づいて適切な見出しレベルを選択できます。

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要素に置き換えます。

<Steps>
- ### Step 1
+ {<h3>Step 1</h3>}
 
Contents for step 1.
</Steps>