Navigation

Sidebar

The sidebar renders the sections defined in lib/docs-nav.ts. It is resizable — drag the right edge, use arrow keys while the resize handle is focused, or double-click the handle to reset. The chosen width persists in localStorage. Below the lg breakpoint the sidebar hides and navigation moves into a sheet opened from the top bar.

Command palette

Press ⌘K (or Ctrl+K) anywhere to open the palette. It indexes every nav item with its section name, so typing either the page title or the section finds it. The palette is provided by CommandPaletteProvider in the docs layout, and any component can open it with the useCommandPalette hook.

Eyebrow and pager

DocPage renders a small section eyebrow above the title, derived from the current pathname, and a previous/next pager at the bottom of every article. Order matters: the pager walks the nav config top to bottom, so the reading order of your docs is exactly the order of items in docs-nav.ts.

Table of contents

On wide screens (xl and up), a "On this page" column tracks every h2 and h3 that has an id. An IntersectionObserver highlights the section currently in view.