Shadcn UI Stats Card Block
StatsCard6 is a metric card with a total value and a breakdown list showing how that total is composed. The layout shows a muted title, bold total value, then a list of line items each with a colored dot indicator, label, value, and optional percentage.
Light card surface with breakdown items using colored dots from the chart color palette. Each row is horizontally split with label on the left and value/percentage on the right. The colored dots cycle through chart colors to create visual distinction between categories. Compact vertical spacing keeps the list scannable.
This card is useful when a single metric needs context about its composition. The breakdown list provides drill-down information without requiring a separate chart. More information-dense than a simple metric card while remaining compact. Good for showing revenue by source, users by plan, or any segmented total.
The breakdown accepts any number of items though 3-5 works best visually. Percentages are optional and can be omitted for simpler displays.
Dependencies
| Package | Type |
|---|---|
card @shadcn | Registry |