Skip to main content Red Hat Design System logo Contribute on Github v1.4.5

Statistic

Overview Style Guidelines Code Demos Accessibility

Installation

Usage

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

rh-stat

Slots 5
Slot Name Description
icon

Optional icon

title

Statistic title

statistic

Statistic data

cta

Call to action

Description of the stat

Attributes 4
DOM Property Description Type Default
icon

The icon to display in the statistic

string | undefined
unknown
top

Whether the title or statistic should be displayed on top in the statistic

'default' | 'statistic'
'default'
size

The size of the statistic

'default' | 'large'
'default'
isMobile

Whether the statistic is in a mobile view or not for styling

boolean
false
Methods 0

None

Events 0

None

CSS Shadow Parts 0

None

CSS Custom Properties 1
CSS Property Description Default
--pf-icon--size
Design Tokens 0

None

© 2021-2024 Red Hat, Inc. Deploys by Netlify