The HeadingNav component provides an automatic table of contents navigation that highlights the current section as you scroll through the page.
- Automatically detects and displays page headings
- Highlights the current section while scrolling
- Smooth scrolling to sections when clicking links
- Responsive and accessible navigation
Simply add the HeadingNav component to your page and use HeadingLink or Heading components for your section headings.
The HeadingNav component inherits styles from its parent container and can be customized using standard CSS properties.