ResponsiveNav

stable

Adaptive navigation bar with mobile hamburger

NavigationInteractive/Storybook ↗

import { ResponsiveNav } from "@nodus/design-system"

Loading demo…

Props

Prop	Type	Default	Description
`currentPath`	`string`	—	Current route path for active highlighting
`items`	`NavItem[]`	—	Navigation items ({ label, href })

currentPath

Type stringDefault —

Current route path for active highlighting

items

Type NavItem[]Default —

Navigation items ({ label, href })

MobileMobile Adapted

Fully adapted for mobile: hamburger menu activates below 1024px, drawer opens full-width. No additional mobile handling required.

Design Rationale

This component was designed to express:

Tabbed content navigation with Radix accessibility

Button group for switching between related views

Was this helpful?