Notifications Panel

Notifications dropdown listing icon-prefixed rows with time stamps and a trailing unread dot per item.

Notifications

Mira starred Project Horizon2m

Build passed · main18m

PR #482 merged1h

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

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"
    }
  ]}
/>