ステップ
タスクの番号付きリストをスタイル設定してステップバイステップのガイドを作成するには、<Steps>
コンポーネントを使用します。
インポート
import { Steps } from '@astrojs/starlight/components';
使用方法
<Steps>
コンポーネントを使用して、タスクの番号付きリストをスタイル設定します。
各ステップを明確に強調する必要がある、より複雑なステップバイステップガイドに役立ちます。
<Steps>
で標準のMarkdownの順序付きリストを囲みます。
通常のMarkdown構文はすべて<Steps>
内で適用されます。
import { Steps } from '@astrojs/starlight/components';
<Steps>
1. コンポーネントをMDXファイルにインポートします:
```js import { Steps } from '@astrojs/starlight/components'; ```
2. 順序付きリストのアイテムを`<Steps>`で囲みます。
</Steps>
{% steps %}
1. コンポーネントをMDXファイルにインポートします:
```js import { Steps } from '@astrojs/starlight/components'; ```
2. 順序付きリストのアイテムを`<Steps>`で囲みます。
{% /steps %}
-
コンポーネントをMDXファイルにインポートします:
import { Steps } from '@astrojs/starlight/components'; -
順序付きリストのアイテムを
<Steps>
で囲みます。
<Steps>
プロパティ
実装: Steps.astro
<Steps>
コンポーネントはプロパティを受け付けません。