Stat

Highlights a metric with optional directional change.

Active users12,480+8.2% this month

Error rate0.18%−0.04%

Deployments248This quarter

Astro

---
import { Stat } from '@charvesta/cetha';
---

<Stat label="Active users" value="12,480" change="+8.2%" trend="up" />

API reference

Prop	Type	Default	Description
`label`*	`string`	—	Metric label.
`value`*	`string \| number`	—	Metric value.
`change`	`string`	—	Change annotation.
`trend`	`'up' \| 'down' \| 'neutral'`	`'neutral'`	Semantic change tone.
`class`	`string`	—	Additional classes forwarded to the rendered element.

Include direction in change text instead of relying on color alone.