Count
v1.0.0 | View in StorybookWhen to use
- When a single numeric value (with optional unit) is the primary information — totals, rates, percentages, or live readings.
- In card headers, summary rows, or metric tiles where space is limited.
- When status coloring helps users interpret whether a value is within an expected range.
When to use something else
- For labeled metadata or filters, use Badge.
- For full trends or multi-point comparisons, use Chart.
- For tabular detail across many fields, use Data grid.
Behavior
- Format numbers for locale and precision appropriate to the domain (decimals, units, grouping).
- Use status variants only when the semantic meaning is clear to users.