Navigation
Sidebar, top/bottom nav bar, breadcrumbs, and page navigation

Arcane Lexicon navigation is generated from the content tree and section configs.

  • Built from folders/files in contentDirectory.
  • Controlled with _section.json5 or _section.yaml.
  • Supports section collapse memory via localStorage.
  • Supports Lucide icon names, SVG URLs, and raw SVG markup in section/page icons.

Top/Bottom Navigation Bar#

Global top bar behavior:

SiteConfig(
  name: 'My Docs',
  navigationBarEnabled: true,
  navigationBarPosition: KBNavigationBarPosition.top, // or bottom
)

Includes:

  • Brand/home link
  • Header links
  • Search (when enabled)
  • Theme toggle (when enabled)
  • GitHub link (when configured)

Breadcrumbs are generated from the current URL path and rendered above page content.

KBPageNav is rendered by default and follows manifest order of visible pages.

Global toggle:

SiteConfig(
  name: 'My Docs',
  pageNavEnabled: true,
)

Per-page override:

---
layout: kb
pageNav: false
---

TOC Panel#

Right-side TOC is enabled by:

SiteConfig(
  name: 'My Docs',
  tocEnabled: true,
)

It tracks heading anchors and highlights the active section during scroll.