ステップ

Prosefly の MDX コンポーネントエディターで順序付きの手順を編集し、Fumadocs、Starlight、Prosefly の構文を保てます。

対応プロファイル

同じエディターで Astro、Starlight、Fumadocs、Prosefly の各プロファイルを使えます。サイトに合うプロファイルを選ぶと、その連携で利用できる構文と編集コントロールを確認できます。

ビジュアルモードで編集する

各ステップの内容をその場で編集します。グループの追加操作でステップを増やせます。項目ごとの操作で前後に移動したり、削除したりできます。並べ替えると、表示上の順序も更新されます。

通常の Markdown と一緒に編集する様子は、ビジュアルエディターのデモをご覧ください。

steps.mdx

StarlightFumadocsProsefly

ビジュアルソース

サンプルをリセット

エディターを読み込み中…

編集できるサンプルです。変更はこのページ内にのみ保持されます。

ソースの例

import { Steps } from '@astrojs/starlight/components';

<Steps>

1. **リポジトリを接続**

   ドキュメントを含むリポジトリを認証します。

2. **確認して公開**

   公開前に本文とナビゲーションの変更を確認します。

</Steps>

プロファイルによる違い

Starlight と Prosefly は Steps 内に番号付きの Markdown リストを入れます。Fumadocs は Steps 内に Step を個別に置き、通常はそれぞれに見出しを付けます。サイト側のコンポーネントと同じ形式を保ってください。

Steps は手順を説明するもので、実行や完了状況の追跡はしません。チェックボックスにはタスクリストを使ってください。

関連する MDX ガイド

次に読む: タブ · カード · コールアウト.