![release](https://badgen.net/github/release/mhnpd/react-loader-spinner)
![tag](https://badgen.net/github/tag/mhnpd/react-loader-spinner)
![stars](https://badgen.net/github/stars/mhnpd/react-loader-spinner)
![issue](https://badgen.net/github/issues/mhnpd/react-loader-spinner)
![open-issues](https://badgen.net/github/open-issues/mhnpd/react-loader-spinner)
![commits](https://badgen.net/github/commits/mhnpd/react-loader-spinner)
![commits](https://badgen.net/github/assets-dl/mhnpd/react-loader-spinner)

<div style="text-align:center;">
<p>
  <img src="/logo/logo.png" alt="title"/>
</p>
</div>

`react-spinner-loader` provides simple React SVG spinner component which can be implemented for async await operation before data loads to the view.

### Installation

```bash
npm install react-loader-spinner --save
# or
yarn add react-loader-spinner
```

### Documentation:

1. [Getting Started](https://mhnpd.github.io/react-loader-spinner/docs/intro)
2. [Spinners](https://mhnpd.github.io/react-loader-spinner/docs/category/components/)

### Usage

> No css import is required

```jsx
import { Audio } from 'react-loader-spinner'
;<Audio
  height="80"
  width="80"
  radius="9"
  color="green"
  ariaLabel="loading"
  wrapperStyle
  wrapperClass
/>
```

## License

MIT

## Contributors

<a href="https://github.com/mhnpd/react-loader-spinner/graphs/contributors">
  <img src="https://contrib.rocks/image?repo=mhnpd/react-loader-spinner" />
</a>
