Statistic
Stat
Overview
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.
Installation
npm install @rhds/elements
Slots
icon-
Optional icon
title-
Statistic title
statistic-
Statistic data
cta-
Call to action
- Default Slot
-
Description of the stat
Attributes
icon- DOM Property
icon- Type
-
string | undefined - Default
-
unknown
top- DOM Property
top- Type
-
'default'|'statistic' - Default
-
'default'
size- DOM Property
size- Type
-
'default'|'large' - Default
-
'default'
is-mobile- DOM Property
isMobile- Type
-
boolean - Default
-
false
Methods
None
Events
None
CSS Custom Properties
None
CSS Shadow Parts
None