# コールアウト

Astro、Starlight、Fumadocs、Prosefly のドキュメントで、注記・ヒント・警告・通知を編集します。

import ContentEditor from '@/components/editor/ContentEditor.astro';

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

## 対応プロファイル

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

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

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

<ContentEditor content="callout" />

## ソースの例

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

## 公開前に確認

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

## プロファイルによる違い

| プロファイル | 対応する形式                                                    |
| ------------ | --------------------------------------------------------------- |
| Starlight    | Aside コンポーネントと note/tip/caution/danger ディレクティブ   |
| Fumadocs     | Fumadocs の type の値を使う Callout コンポーネント              |
| Prosefly     | Callout コンポーネントと note/tip/warning/danger ディレクティブ |

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

## 関連する MDX ガイド

次に読む: [アコーディオン](/docs/ja/editor/components/accordion/) · [タブ](/docs/ja/editor/components/tabs/) · [ステップ](/docs/ja/editor/components/steps/).