Grouped sidebar menu with icon rows and a muted active state, plus optional section labels and counters.
The import and the props worth knowing about, in one place.
import { Nav14 } from "@/components/beste/piece/nav14";
<Nav14
groups={[
{
"items": [
{
"label": "Home",
"icon": "home",
"active": true
},
{
"label": "Projects",
"icon": "kanban"
},
{
"label": "Team",
"icon": "users"
}
]
},
{
"items": [
{
"label": "Settings",
"icon": "settings"
}
]
}
]}
bordered={false}
/>