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

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

More Nav pieces

View all Nav

Actions

Dropdown Menu

Shadow-lifted menu with icon rows, shortcut hints on the right, and a tinted destructive Delete action.

Vertical Tabs

Sidebar-style stack of icon + label rows where the active row gets a muted fill and bolder text.

Bottom Nav

Mobile tab bar with labeled icons, a raised center create button, and a rose unread counter badge.

Icon Breadcrumb

Breadcrumb where each crumb wears a home or folder icon chip and the final crumb has a muted fill.

Beste Sözenmira@beste.co

User Menu

Account dropdown with an avatar header, profile and settings rows, workspace switcher, and a Sign out action.

Context Menu

Right-click menu pointed by a corner arrow with icon rows and mono shortcut hints on the right.