リンクボタン

Prosefly の MDX コンポーネントエディターで Starlight のリンクボタンを編集し、MDX のリンク先と対応する属性を保てます。

対応プロファイル

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

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

ボタンを選択すると操作パネルが開きます。ラベルを直接編集し、属性パネルでリンク先、バリエーション、対応するアイコンの位置を変更できます。ピッカーでアイコンを選べます。リンクを編集しても、文書から移動することはありません。

link-button.mdx

Starlight

ビジュアルソース

サンプルをリセット

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

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

ソースの例

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

## ガイドを続ける

<LinkButton
  href="/ja/docs/getting-started/"
  variant="primary"
  icon="right-arrow"
  iconPlacement="end"
>
  はじめる
</LinkButton>

対応範囲

Link Button は Starlight プロファイル専用の機能です。primary、secondary、minimal などのバリエーションに対応します。Prosefly と Fumadocs のプロファイルに、同じコンポーネントエディターはありません。

ボタンにする必要がなければ、通常の Markdown リンクを使いましょう。独自のボタンはソースで編集できます。公開前にサイトのプレビューでリンク先と見た目を確認してください。

関連する MDX ガイド

次に読む: カード · バッジ · アイコン.