# Stat

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

## Preview

<div align="left"><figure><img src="https://3357577683-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LlnrBGdA8s50Vnplq1j%2Fuploads%2Fgoa556qcCvAHvawb0SX5%2Fstat.png?alt=media&#x26;token=20b1d54e-2d94-499a-8ad3-112380678e3e" alt="" width="121"><figcaption></figcaption></figure></div>

## Code

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

## Props

| Prop    | Description                                   | Required | Value             |
| ------- | --------------------------------------------- | -------- | ----------------- |
| change  | positive/negative number indicating change    | optional | integer           |
| icon    | [icon image](https://feathericons.com) to use | optional | string            |
| label   | stat label                                    | required | string            |
| loading | toggle the loading spinner                    | optional | boolean           |
| value   | stat value                                    | required | integer or string |