Statistic
A Statistic showcases a data point or quick fact in a way that visually stands out. It consists of a number/percentage and body text in its simplest form. It can also include an icon, title, and a call to action.
Sample component
Anatomy
Each stat is composed of a number or percentage and body text. A title, icon, or call to action are optional elements that can provide additional information.
Title
If there's supporting text for the number, the words can be added as a title. For example, in the phrase “more than 90%,” the words "more than” are added as a title.
Number
This slot should include only digits, a percentage symbol, periods, or commas.
Body text
Every stat should have body text that explains the context around the number.
Additional elements
A stat can contain a relevant icon and/or call to action.
Feedback
To give feedback about anything on this page, contact us.
Foundations
To learn how to use our other components in your designs, visit the Elements section.
