コンテンツにスキップ

アンカーヘッディング

AnchorHeading コンポーネントは、rehype-slug および rehype-autolink-headings プラグインの動作を模倣します。

これは、github-slugger の出力に基づいてヘッディングに id を追加し、その特定のヘッディングへのリンクをコピーするボタンを追加します。

これは、コンポーネント内で自分でヘッディングを書く場合にのみ必要です。Markdown(部分的なものを含む)には、前述の rehype プラグインを介してこれが適用されます。

Foo & Bar & Baz

import { AnchorHeading } from "~/components"
<AnchorHeading title="Foo & Bar & Baz" depth={2} />