Navigation link with active state detection.
import { NavLink } from "@/components/ui";<NavLink href="/dashboard">Dashboard</NavLink>Add icon to nav link
<NavLink href="/dashboard" icon="LayoutDashboard"> Dashboard</NavLink>Common sidebar pattern
<nav className="space-y-1"> <NavLink href="/dashboard" icon="LayoutDashboard" variant="sidebar"> Dashboard </NavLink> <NavLink href="/users" icon="Users" variant="sidebar"> Users </NavLink> <NavLink href="/settings" icon="Settings" variant="sidebar"> Settings </NavLink></nav>Tab navigation style
<div className="flex gap-4 border-b"> <NavLink href="/overview" variant="tab">Overview</NavLink> <NavLink href="/analytics" variant="tab">Analytics</NavLink> <NavLink href="/reports" variant="tab">Reports</NavLink></div>Configure your app with the features you need and download production-ready code.
Start Configuring