Channel-level unread inbox with email, Slack, and push rows, each showing a tinted icon tile and a rose count badge.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
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
}}
/>Three-tile alert overview with semantic icons and counts for critical, warning, and info severities.
Recent-events list with semantic action icons (create, update, delete, signup) and a relative timestamp on the right.
Top-three ranking card with gold, silver, and bronze medal circles next to names and monospaced scores.
Two-by-two KPI grid where each cell carries a tone-tinted icon tile, label, and monospaced value.
Service health rows with a pinging status dot, operational label, and a monospaced uptime percentage.
Horizontal 100 percent stacked bar splitting a total into colored segments with a wrapping legend of labels and percentages.