Navbar 1

Navbar 1

Installation

No MCP yet? Connect your agent.

Integration

The reusable source is written to @components/navbar-1.tsx.

The registry also includes app/navbar-1/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-1-data.ts (NavLink, navLinks); replace those fixtures with application data rather than editing layout markup in several places.

@components/navbar-1.tsx declares a client boundary for state, measurement, or browser interaction.

Set currentPath from the application's router so active-link styling and aria-current stay accurate.

The menu model lives in @components/data/navbar-1-data.ts; the shipped page body is preview scaffolding, not part of the reusable header.