toc.

sticky table-of-contents with scroll-spy highlighting via IntersectionObserver. give it the page headings; the active row tracks scroll. behavior split into a headless useToc hook.

<Toc
  headings={[
    { id: "intro", text: "introduction" },
    { id: "usage", text: "usage" },
  ]}
/>