2.0 alpha
These docs describe 2.0. Install it with @once-ui-system/core@alpha.
On 1.8.x? Read the 1.x docs
TrademarkTrademarkDocs
Ctrl k
Search docs...
Modules

HeadingNav

Updated: May 13, 2025
View on GitHub
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.
Edit this page on GitHub
TrademarkTrademark
Built with curiosity by Lorant One and the Design Engineers Club