TableOfContents
stableCollapsible table of contents with anchor link navigation
import { TableOfContents } from "@nodus/design-system"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
itemsreq | TocItem[] | — | Array of section items ({ id, label }) to display as anchor links |
itemsrequiredType
TocItem[]Default —Array of section items ({ id, label }) to display as anchor links
MobileTouch Target
TOC links must be ≥44px tap height. On mobile, TOC is typically hidden in a collapsible drawer or sticky header. Use the collapsed prop to hide at <768px.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?