Statistic

A statistic showcases a data point or quick fact visually.

View a live version of this element and see how it can be customized.

<rh-stat>
  <span slot="statistic">Statistic Placeholder</span>
  <span>Description Placeholder</span>
</rh-stat>

<script type="module">
  import '@patternfly/elements/pf-icon/pf-icon.js';
  import '@rhds/elements/rh-stat/rh-stat.js';
</script>

<a href="demo/>Full screen demo

• When you need to add visual emphasis to a statistic
• When you need to pair a data point with supporting text to add more context
• When you need to display several statistics together in a group

Status checklist