Stat

Display stats and figures to your users with the <Stat> component; it also supports displaying icons and change values.

Preview

Code

<Stat
  loading={ loading }
  value='25'
  label='this month'
  icon='pie-chart'
  change='+5%'
/>

Props

PropDescriptionRequiredValue

change

positive/negative number indicating change

optional

integer

icon

icon image to use

optional

string

label

stat label

required

string

loading

toggle the loading spinner

optional

boolean

value

stat value

required

integer or string

Last updated