@repo/ui Component Library

Stats Card

KPI metric cards with trend indicators, icons, and variants. Perfect for dashboard overviews.

Dashboard KPIs

A typical four-card metrics row.

Total Revenue

$84,350

+18.2%vs last month

New Orders

1,248

+6.4%vs last week

Active Users

3,402

-2.1%vs last month

Avg. Order Value

$67.60

0.0%no change

Colour Variants

Use variant to convey semantic meaning with the icon badge.

Items in Stock

4,821

+230since last week

Customer Rating

4.8 / 5

+0.3vs last quarter

Open Disputes

14

+5since yesterday

Failed Payments

32

+12this week

API Requests

1.2M

+8.7%vs last month

Revenue (no trend)

$28,900

Lifetime value across all accounts

Without Icon

Clean minimal cards for dense dashboards.

Page Views

128,450

+11%

Bounce Rate

43.2%

-3.1%

Sessions

52,100

+9.4%

Conversions

2.8%

-0.2%

Loading State

Skeleton placeholders shown while data is fetching.