Aisol Docs Nav

Aisol Docs Nav is a scroll-spy table of contents for long pages, docs and CMS articles. Drop your article into the Content slot and the nav lists its H2, H3 and H4 headings, marks the one being read and shows how far the reader has scrolled. H3 and H4 rows are indented one and two steps.

Each H2 row folds its sub-rows. Choose Expanded, Follow reading (only the group being read is open) or Flat.

Keyboard: Tab reaches the list. Arrow Up and Down move between visible rows, Home and End jump to the first and last. Arrow Right opens a group, Arrow Left closes it or returns to its parent, and Space on a group row toggles it. The row being read carries aria-current="location".

On phones, choose a bottom sheet, a floating island with a progress ring, the inline list, or hide it. Mobile below is applied from the very first paint for values in 10 px steps; other typed values switch right after the page loads. Escape closes the sheet and returns focus to the button.

The nav reads only its own slot and writes no ids into your content. Links keep the URL hash in sync without adding history entries.

- Content slot, or a manual list of sections with anchors or links

- Bar, dot or pill active mark, optional rail line

- Pin with a top offset, header offset, smooth scroll

- Optional jump to the heading in the URL hash on load

- Light, dark or auto theme; honours reduced motion