Statistic

Overview Style Guidelines Code Demos Accessibility

Installation

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

Slots 5

Attributes 5

DOM Property	Description	Type	Default
`icon`	The icon to display in the statistic	`IconNameFor<IconSetName> \| undefined`	`unknown`
`iconSet`	Icon set to display in the statistic	`IconSetName`	`'standard'`
`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 0

None

Design Tokens 16

Token	Copy
`--rh-color-icon-secondary-on-dark`
`--rh-color-icon-secondary-on-light`
`--rh-color-text-brand-on-light`
`--rh-color-text-primary-on-dark`
`--rh-font-family-body-text`
`--rh-font-family-heading`
`--rh-font-size-body-text-lg`
`--rh-font-size-body-text-xl`
`--rh-font-size-heading-2xl`
`--rh-font-size-heading-lg`
`--rh-font-weight-body-text-regular`
`--rh-font-weight-heading-regular`
`--rh-size-icon-04`
`--rh-size-icon-06`
`--rh-space-lg`
`--rh-space-sm`