Shadcn UI Stats Card Block
StatsCard4 is a comparison metric card showing two values side by side. The layout has a title at the top, then a two-column grid with the current period value on the left and previous period value on the right, separated by a vertical border. Each column shows the value and a period label below.
Light card surface with the current value in bold foreground color and the previous value in muted text. A thin vertical border separates the two columns. Period labels are small muted text below each value. Equal column widths create visual balance.
This is a straightforward period-over-period comparison card. The side-by-side layout makes it easy to spot changes at a glance. No percentage calculation or trend indicators, just raw values for direct comparison. A simple, practical pattern for dashboards that need before/after context.
Works well for month-over-month, week-over-week, or any two-period comparison. The two-column layout maintains its structure on mobile.
Dependencies
| Package | Type |
|---|---|
card @shadcn | Registry |