Behive Tech Registry

Nav Item

v0.4.0

A single navigation link with an optional leading icon and active state. The `active` modifier is applied on the component's own root element (per BEM), so it can be dropped into any nav/sidebar layout.

pnpm add @behivetech/atoms.nav-item

Edit the code and the preview updates as you type. Every registry export is in scope — NavItem from this package, plus React hooks and every other component in the registry.

Playground
const BasicNavItem = () => (
  <NavItem href="/pages" icon="☰">
    Pages
  </NavItem>
);

render(<BasicNavItem />);