Skip to main content

Count

v1.0.0 | View in Storybook

When 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.

Often used with

Last modified on August 25, 2026