# Document navigation

Document contents with the current section, reading progress, and compact navigation.

Use DocumentNavigation beside a long document with stable heading IDs. Pass container for a nested scroll area. Native fragment links remain available before hydration; current-section and progress tracking start in the browser. Keep heading scroll margins clear of sticky headers.

## API

The package declarations define these public members.

| Member | Type | Kind | Required | Default | Description |
| --- | --- | --- | --- | --- | --- |
| `container` | `HTMLElement \| null` | prop | No | `null` | Element that scrolls. Omit to track the owning document. |
| `headings` | `readonly DocumentHeading[]` | prop | Yes | - | No additional description. |
| `title` | `string` | prop | Yes | - | Accessible name and compact trigger label. |

## Related

- [Link](/docs/components/link): Styled native link for body and navigation text.
- [Segmented](/docs/components/segmented): Single-select segmented control.
- [Tabs](/docs/components/tabs): Panelled tabs with underline and pill presentations.