Notifications dropdown listing icon-prefixed rows with time stamps and a trailing unread dot per item.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Nav29 } from "@/components/beste/piece/nav29";
<Nav29
items={[
{
"icon": "star",
"label": "Mira starred Project Horizon",
"time": "2m",
"unread": true
},
{
"icon": "bell",
"label": "Build passed · main",
"time": "18m"
},
{
"icon": "check",
"label": "PR #482 merged",
"time": "1h"
}
]}
/>