Notification Inbox

Channel-level unread inbox with email, Slack, and push rows, each showing a tinted icon tile and a rose count badge.

Unread50 total
  • Email14
  • Slack32
  • Push4

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

Import & use
import { Dashboard27 } from "@/components/beste/piece/dashboard27";

<Dashboard27
  heading="Unread"
  totalSuffix="total"
  emailLabel="Email"
  slackLabel="Slack"
  pushLabel="Push"
  emptySymbol="—"
  counts={{
    "email": 14,
    "slack": 32,
    "push": 4
  }}
/>