コールアウト

Prosefly の MDX コンポーネントエディターでコールアウトを編集し、Astro、Starlight、Fumadocs、Prosefly のサイトで使う構文を保てます。

対応プロファイル

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

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

コレクションのプロファイルが対応していれば、/ メニューから Callout を挿入できます。既存のコールアウトを選択することもできます。本文はその場で編集し、操作パネルで対応する種類とタイトルを変更できます。アイコンの操作は、対応するプロファイルで表示されます。

callout.mdx

StarlightFumadocsProsefly

ビジュアルソース

サンプルをリセット

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

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

ソースの例

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

## 公開前に確認

<Aside type="caution" title="ファイルの差分を確認">
  ページを公開する前に、変更内容を確認してください。
</Aside>

プロファイルによる違い

例えば、Prosefly の warning に相当する値は Starlight では caution です。ライブラリ間で属性をそのままコピーせず、選択したプロファイルの候補を使ってください。ビジュアル操作のない式や独自のコールアウトは、ソースで編集できます。

関連する MDX ガイド

次に読む: アコーディオン · タブ · ステップ.