/api /r tokens.json GitHub

Wiki Table of Contents Sidebar

Sticky right-rail sidebar listing article headings (H2/H3). Active section highlighted via IntersectionObserver. Collapses to an inline toggle on compact viewports.

Live previewrendered from recipe via {tokens} resolution
desktop

Sticky right-rail; position: sticky; top: 1rem.

mobile

Inline collapsible toggle above article body; <details>/<summary> pattern.

ARIA notes

<nav aria-label='Table of contents'>. Active section link gets aria-current='true' (updated via IntersectionObserver JS). Sublist items indented visually with padding-left; nesting conveyed by <ol> inside <li> (no extra ARIA needed).

The usage tab for this component is not yet authored. Creative Design Contributors — pick this up.

Recipe is at /api/components/wiki-toc-sidebar.json.