react-loading-spin     

A simple reusable animated spinner react component.

Preview

!Alt Text

Install

``sh
npm i --save react-loading-spin
`

Import

`javascript
import LoadingSpin from "react-loading-spin";
`

Use

`javascript
const ExampleOfUsingDefaultLoadingSpin = () => (



);
`

!Alt Text

$3

| Property name | type | Required | Default value | Comment |
| ------------- | ------------- | ------------- | ------------- | ------------- |
| size | string | false | '60px' | CSS length value for height and width of the spinner |
| width | string | false | '6px' | CSS length value for width the spinner |
| primaryColor | string | false | '#1ecd96' | CSS color value for one half of the loader |
| secondaryColor | string | false | '#cccccc' | CSS color value for second half of the loader |
| animationDuration | string | false | '2s' | CSS animation-durationproperty value |
| animationTimingFunction | string | false | 'ease-in-out' | CSS animation-timing-function property value |
| animationDirection | string | false | 'normal' | CSS animation-direction property value |
| numberOfRotationsInAnimation | number | false | 2 | number of spins during single animation |

`javascript
const ExampleOfUsingLoadingSpinWithProps = () => (



);
``

!Alt Text

$3

- Webpack
- Pleasure

$3

MIT - see the LICENSE file for details.