Dashboard Sidebar

240px fixed navigation for /dashboard/**, active state driven by usePathname() — replaces the single hardcoded nav link. Collapses to a 64px icon rail below 1280px, becomes an overlay drawer below 768px.

Full rail (>= 1280px)

Icon + label, active route highlighted via aria-current, driven by usePathname().

PropTypeDefaultDescription
profileProfile—Passed straight through to the account menu at the bottom of the rail.
Sergiy Klimkovych

Need a design system like this?

I design and build products end‑to‑end — from first idea and design system to production‑ready code, ready to hand off to your development team.

Product Designer | AI Design Engineer | Designer for Startups | Mobile & Complex SaaS | from Idea to Product | Framer Developer