Pro Components

Base Components

Stats Card 5

Metric card displaying current and previous period values side by side for comparison.

Example

Revenue
$12,450
This month
$10,230
Last month

Introduction

Stats Card 5 is a comparison metric card:
  • Two columns: Current period (bold) and previous period (muted), separated by a vertical border.
  • Labels: Period labels below each value (e.g. "This month", "Last month").
  • Use case: Month-over-month or week-over-week comparison without percentages.
Uses Card only.

Usage

import { StatsCard4 } from "@/components/ui/stats-card-4";

<StatsCard4
  title="Revenue"
  current="$24,800"
  previous="$22,100"
  currentLabel="This month"
  previousLabel="Last month"
/>

On this page

ExampleIntroductionInstallationUsage