Statistic

A number with a label, for dashboards and summaries, and a timer that counts down to a deadline or up from a start.

Anotomy

Structure of the statistic and how its internal parts are composed. These are its semantic parts, so they are also what the classNames and styles objects accept.
Statistic anotomy
NameDescription
1rootThe whole statistic: the label above and the number below.
2headerThe row above the number, holding the title.
3titleThe label, from title.
4contentThe row holding the prefix, the value and the suffix.
5prefixThe node from prefix, before the value. Usually an icon or a currency sign.
6valueThe number, from value. precision sets the decimals, and formatter replaces the rendering.
7suffixThe node from suffix, after the value. Usually a unit or a percent sign.