カード

Prosefly の MDX コンポーネントエディターでドキュメントのカードやリンクを編集し、Astro、Starlight、Fumadocs、Prosefly の構文を保てます。

対応プロファイル

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

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

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

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

card.mdx

StarlightFumadocsProsefly

ビジュアルソース

サンプルをリセット

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

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

ソースの例

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 ガイド

次に読む: コールアウト · タブ · リンクボタン.