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"
}
]}
/>Shadow-lifted menu with icon rows, shortcut hints on the right, and a tinted destructive Delete action.
Sidebar-style stack of icon + label rows where the active row gets a muted fill and bolder text.
Breadcrumb where each crumb wears a home or folder icon chip and the final crumb has a muted fill.
Mobile tab bar with labeled icons, a raised center create button, and a rose unread counter badge.
Web-app bottom bar with five labeled icon tabs and a primary indicator above the active one.
Right-click menu pointed by a corner arrow with icon rows and mono shortcut hints on the right.