React Spiners using Loading.io

src="https://circleci.com/gh/imkrunal/react-loading-io.svg?style=svg&circle-token=6e459838eadd0d02dedb05352df7d2f3e0590168"
alt="CircleCI"
/>


src='https://coveralls.io/repos/github/imkrunal/react-loading-io/badge.svg?branch=master'
alt='Coverage Status'
/>


src='https://img.shields.io/npm/dt/react-loading-io.svg'
alt='Downloads'
/>


src='https://img.shields.io/bundlephobia/minzip/react-loading-io.svg'
alt='Bundle Size'
/>


src='https://img.shields.io/github/license/imkrunal/react-loading-io.svg'
alt='Licence'
/>

CSS-only spinners of loading.io for React

Demo

Demo Page

Installation

Using npm:

``shell
npm install react-loading-io --save
`

Using yarn:

`shell
yarn add react-loading-io
`

Usage

`javascript
// Import Package
import { Eclipse } from "react-loading-io";

// Use Component
const Index = () => {
return ;
};
``

Spinners

- [x] Spinner
- [x] Eclipse
- [x] Rolling
- [x] Dual Ring
- [x] Ball
- [x] Spin
- [x] Magnify
- [ ] Ripple
- [ ] Reload
- [ ] Gear
- [ ] Facebook
- [ ] Cube
- [ ] Blocks