Three-tile alert overview with semantic icons and counts for critical, warning, and info severities.
The import and the props worth knowing about, in one place.
import { Dashboard20 } from "@/components/beste/piece/dashboard20";
<Dashboard20
surface="card"
bordered={true}
inverted={false}
counts={{
"critical": 2,
"warning": 6,
"info": 14
}}
criticalLabel="Critical"
warningLabel="Warning"
infoLabel="Info"
/>Channel-level unread inbox with email, Slack, and push rows, each showing a tinted icon tile and a rose count badge.
Recent-events list with semantic action icons (create, update, delete, signup) and a relative timestamp on the right.
Ranked list where each row's background bar fills proportionally to its value, with index and count on either end.
Three horizontally divided metric cells in one card, each with a label, value, and semantic delta arrow.