Description:
Yet another collection of loading spinner components for react apps.
Installation:
# Yarn $ yarn add react-spinners # NPM $ npm install react-spinners --save
Usage:
import React from 'react';
import { RingLoader } from 'react-spinners';
class AwesomeComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
loading: true
}
}
render() {
return (
<div className='sweet-loading'>
<RingLoader
color={'#123abc'}
loading={this.state.loading}
/>
</div>
)
}
}Spinner types included:
- BarLoader
- BeatLoader
- BounceLoader
- CircleLoader
- ClipLoader
- ClimbingBoxLoader
- DotLoader
- FadeLoader
- GridLoader
- HashLoader
- MoonLoader
- PacmanLoader
- PropagateLoader
- PulseLoader
- RingLoader
- RiseLoader
- RotateLoader
- ScaleLoader
- SyncLoader






