Link

お使いの React フレームワークの Link コンポーネント(例: next/link)をラップし、ドキュメント内の外部リンクを自動的に処理するコンポーネントです。~ 外部 URL を検出すると、Link コンポーネントの代わりに <a> を使用します。

rel プロパティは自動的に生成されます。

使い方アンカーリンクをコピー

<a> と同じように使用できます。

import Link from 'fumadocs-core/link';

<Link href="/docs/components">Click Me</Link>

外部リンクアンカーリンクをコピー

external propを渡すと、URLを強制的に外部リンクとして扱えます。

動的な hrefアンカーリンクをコピー

dynamic-link をインポートすると、動的な href を有効にできます。

import { DynamicLink } from 'fumadocs-core/dynamic-link';

<DynamicLink href="/[lang]/components">Click Me</DynamicLink>