Stat
Overview
Usage
Examples
API
A stat is a compact KPI tile — a labelled metric with an optional change indicator — designed to sit inside a Card on a dashboard. RhombusKit's <rhombus-stat> is bespoke and display-only: no Material, no new tokens, and it never leans on colour alone to signal direction.
Example
- Revenue
- $42,800Increased+12%vs. last month
Trend vs. sentiment
Two independent knobs. trend points the arrow; sentiment picks the colour. They default to auto (from the delta's sign) but decouple for inverted metrics — a falling churn rate keeps its true down arrow while reading as a positive.
- Active users
- 18,204Increased+8.1%7-day
- Error rate
- 0.42%Decreased-0.1pt7-day
- Churn
- 2.1%Decreased-0.4ptdown is good
When to use
- For a headline metric on a dashboard or summary card — a number, its label, and how it changed.
- When the direction of change matters and must be accessible (colour-blind safe, screen-reader announced).
When not to use
- For tabular figures across many rows/columns, use a Data Table.
- For a status label (draft, published) rather than a metric, use a Tag.
Was this page helpful?