# カード

Astro、Starlight、Fumadocs、Prosefly の MDX ドキュメントで、カード、リンク、カードグリッドを編集します。

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/) の各プロファイルを使えます。サイトに合うプロファイルを選ぶと、その連携で利用できる構文と編集コントロールを確認できます。

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

カード内でタイトルと本文を編集します。対応するリンクやアイコンは操作パネルで設定できます。グループ内でも各カードは個別に編集できます。

リンクの操作は、保存するリンク先を変更します。エディターから移動することはありません。公開前にソースで URL を確認してください。

<ContentEditor content="card" />

## ソースの例

```mdx
import { Card, CardGrid } from '@astrojs/starlight/components';

<CardGrid>
  <Card title="サイトを接続" href="/ja/docs/connect-github/" icon="lucide:folder">
    既存のドキュメントリポジトリから始めます。
  </Card>
  <Card title="変更を確認" href="/ja/docs/publishing/" icon="lucide:git-pull-request">
    既存のビルドを変えずに、確認済みの内容を公開します。
  </Card>
</CardGrid>
```

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

Starlight は Card、LinkCard、CardGrid に対応します。LinkCard の要約の保存方法は Card の本文と異なります。Fumadocs は Cards と Card、Prosefly は CardGrid と Card を使います。Prosefly の Card は対応するリンク属性も扱えます。

その種類のカードで利用できる操作を使ってください。独自のレイアウト属性や式はソースが必要になる場合があります。最終的なグリッドの配置はウェブサイト側で決まります。

## 関連する MDX ガイド

次に読む: [コールアウト](/docs/ja/editor/components/callout/) · [タブ](/docs/ja/editor/components/tabs/) · [リンクボタン](/docs/ja/editor/components/link-button/).