Three-tile alert overview with semantic icons and counts for critical, warning, and info severities.
New here? Read the installation guide.
import { Dashboard20 } from "@/components/beste/piece/dashboard20";
<Dashboard20
counts={{
"critical": 2,
"warning": 6,
"info": 14
}}
criticalLabel="Critical"
warningLabel="Warning"
infoLabel="Info"
/>Recent-events list with semantic action icons (create, update, delete, signup) and a relative timestamp on the right.
Channel-level unread inbox with email, Slack, and push rows, each showing a tinted icon tile and a rose count badge.
Top-three ranking card with gold, silver, and bronze medal circles next to names and monospaced scores.
Three horizontally divided metric cells in one card, each with a label, value, and semantic delta arrow.