TOC (Table of Contents)

記事の見出し一覧を表示し、画面のスクロール位置に応じて現在表示されているセクションを自動でハイライトするコンポーネントです。

Usage

Astroの Markdown / MDX ページで取得できる headings データを渡し、client:idle などのディレクティブを付与して使用します。以下はダミーデータを渡した表示例です。