Animated, Customizable Spinner/Loader Library for React
Loader/Spinner Library for React
npm i react-spinner-animated
<BarLoader/>
<DoubleBubble>
<SlidingPebbles/>
<DoubleOrbit/>
<Spinner/>
<HalfMalf/>
<TripleMaze/>
You must import both the Loader/Spinner component and index.css
i.e - import 'react-spinner-animated/dist/index.css'
import { BarLoader,DoubleBubble, SlidingPebbles }
from 'react-spinner-animated';
import 'react-spinner-animated/dist/index.css'
class MyComponent extends Component {
render() {
return <DoubleOrbit text={"Loading..."} bgColor={"#F0A500"}
center={false} width={"150px"} height={"150px"}/>
}
}
MIT © venushadilshan