コンテンツにスキップ

アンカーヘッディング

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} />