# リンクボタン

Starlight の MDX ドキュメントで、リンクボタン、リンク先、バリアント、アイコンを編集します。

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

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

## 対応プロファイル

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

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

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

<ContentEditor content="link-button" />

## ソースの例

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

次に読む: [カード](/docs/ja/editor/components/card/) · [バッジ](/docs/ja/editor/components/badge/) · [アイコン](/docs/ja/editor/components/icon/).