> For the complete documentation index, see [llms.txt](https://docs.usegravity.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.usegravity.app/gravity-native/components/stat.md).

# 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="/files/CGX61aAHqKCLihRAKKyV" 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 |