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

New here? Read the installation guide.

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

More Dashboard pieces

View all Dashboard
2Critical
6Warning
14Info

Alert Summary

Three-tile alert overview with semantic icons and counts for critical, warning, and info severities.

Top performers
Ada L.12,840
Marcus R.10,320
Priya S.8,960

Leaderboard

Top-three ranking card with gold, silver, and bronze medal circles next to names and monospaced scores.

Traffic by device9,420 sessions
  • Mobile58%
  • Desktop32%
  • Tablet8%
  • Other2%

Stacked Bar

Horizontal 100 percent stacked bar splitting a total into colored segments with a wrapping legend of labels and percentages.

Activity
Ada Lovelacejoined
2m
Marcus R.created Project Orion
14m
Priya S.edited Onboarding doc
1h
Tomás L.archived Q1 specs
3h

Activity Feed

Recent-events list with semantic action icons (create, update, delete, signup) and a relative timestamp on the right.

Services
  • APIOperational
    99.99%
  • IngestDegraded
    99.82%
  • BillingOperational
    99.97%
  • WorkersOperational
    99.95%

Service List

Service health rows with a pinging status dot, operational label, and a monospaced uptime percentage.

Revenue$48.2K
Orders1,284
Users9.4K
Events62.1K

Widget Grid

Two-by-two KPI grid where each cell carries a tone-tinted icon tile, label, and monospaced value.

Markdown version