# Loader

The `Loader` component provides an infinite spinning animation for indicating loading states.

### 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%2Fr8cuLx9G3F56QJbkVVba%2Floader.png?alt=media&#x26;token=33c5d0e4-309e-4b54-bde3-7a2656923d84" alt="Gravity loader component" width="25"><figcaption></figcaption></figure></div>

## Usage

```javascript
import { Loader } from 'components/lib';

function MyComponent({ ...props }){
  return (
    <div>
      <Loader />
    </div>
  );
}
```

### Props

| Prop      | Description  | Required | Value            |
| --------- | ------------ | -------- | ---------------- |
| className | custom style | optional | SCSS or Tailwind |

### Notes

* The `Loader` component uses the `Icon` component from `'components/lib'` to display a loading icon.
* The `className` prop allows for custom styling to be applied.