Component
The headings of a page, marking the one being read.
import { TableOfContents } from '@loidolt/theme-docs';
Current: Prepare the file
Export vectors at 1:1 and close every cut path.
Only use stock from the approved shelf.
Frame the job, start the extraction, then start the cut.
Wait for the extraction to clear the bed.
Focus is checked each morning.
aria-current="location". Scroll tracking looks only inside container, and stops when unmounted.Generated from the component source, so it cannot drift from the implementation.
| Prop | Type | Default | Notes |
|---|---|---|---|
items required | TocItem[] | — | The headings to list — toc from renderMarkdown. |
activeId bindable | string | null | null | The heading being read. Bindable; follows scrolling. |
class | string | — | |
container | HTMLElement | null | null | Where the headings are. Scroll tracking only looks inside it. Defaults to the document. |
offset | number | 72 | Space at the top of the viewport that hides content, e.g. a sticky header, in pixels. A heading counts as current once it clears it. |
onNavigate | (item: TocItem) => void | — | A link was followed — TocPanel closes its drawer on this. |
ref bindable | HTMLElement | null | null | |
title | string | 'On this page' | Names the list; shown above it. |
Plus the attributes of HTMLAttributes<HTMLElement>, forwarded to the root element.