---
description: 'StatsCard component.'
labels: ['mui', 'react', 'stats-card']
---

import StatsCard from './StatsCard'
import AttachMoneyIcon from '@mui/icons-material/AttachMoney'
import Grid from '@mui/material/Grid'

## Basic StatsCard component

Basic example that renders an stats-card

### Component usage

```js
<StatsCard icon={AttachMoneyIcon} iconColor='info' title='Stats Card' description='375.9' footer='Stats card footer' />
```

### Use this live example to interact with StatsCard component

Live example:

```js live
<Grid container>
  <Grid item xs={12}>
    <StatsCard icon={AttachMoneyIcon} iconColor='info' title='Stats Card' description='Stats card description' footer='Stats card footer' />
  </Grid>
</Grid>
```
