Top-three ranking card with gold, silver, and bronze medal circles next to names and monospaced scores.
New here? Read the installation guide.
import { Dashboard11 } from "@/components/beste/piece/dashboard11";
<Dashboard11
title="Top performers"
entries={[
{
"name": "Ada L.",
"score": "12,840"
},
{
"name": "Marcus R.",
"score": "10,320"
},
{
"name": "Priya S.",
"score": "8,960"
}
]}
/>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.
This week
Mon – SunBooked
142
+9
No-shows
3
-4
Hours
96
0
A wide panel with a titled header row and three metrics split by vertical hairlines, each carrying its own signed change.
Three concentric SVG rings with their own progress levels and a matching legend of labels, values, and units.