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.

80% of Fortune Global 500 telecom companies1

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