Integration
The reusable implementation is split across @components/navbar-5.tsx, @components/navbar-5-breadcrumb.tsx, @components/navbar-5-search-trigger.tsx, @components/navbar-5-sidebar-sheet.tsx, @components/navbar-5-version-switcher.tsx.
The registry also includes app/navbar-5/page.tsx as a complete preview route; an existing application can keep the reusable component files without adopting that route.
Example content is isolated in @components/data/navbar-5-docs.ts (githubStarCount, SearchIndexEntry, searchIndex, docsPreviewSections); replace those fixtures with application data rather than editing layout markup in several places.
@components/navbar-5.tsx, @components/navbar-5-search-trigger.tsx, @components/navbar-5-sidebar-sheet.tsx, @components/navbar-5-version-switcher.tsx declare a client boundary for state, measurement, or browser interaction.
The header is sticky. Reserve its height and set page scroll padding so anchored headings do not land underneath it.
Navigation, breadcrumbs, versions, search entries, and preview article copy are isolated in @components/data/navbar-5-docs.ts.