Stat

One number with its label, change against a previous period and a sparkline.

Installation

npx plankui@latest add stat

import { Stat } from "@/components/ui/stat";

<Stat label="Revenue" value="$48,210" delta={12.4} deltaLabel="vs last month" trend={series} />

Prop	Type	Default	Description
label / value	ReactNode	required	What and how much.
delta	number		Percent change.
invert	boolean	false	Treat a fall as good.
trend	number[]		Series for the sparkline.