NeumorUI

Data Display

StatsCard

Metric display card with trend indicator, label, value, and description.

tsx

1import { StatsCard } from "neumorui";

Example

Revenue

$0

↑ +12%

Users

0

↓ -3%

Orders

0

Last 30 days

label

color

description

animate

duration

Props

Prop	Type	Default
label	string	-
value	string \| number	-
trend	{ value: string; direction: "up" \| "down" }	-
color	string	-
description	string	-
animate	boolean	true
duration	number	1200