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='chartup'
  change='-5'
/>

Props

Prop	Description	Required	Value
change	positive/negative value indicating change	optional	string
className	custom styles	required	SCSS or Tailwind syle
icon	icon image to use	optional	string
label	value label	required	string
loading	toggle loading animation	optional	boolean
value	value	required	integer or string