react-spinner-animated

Loader/Spinner Library for React

Install

npm i react-spinner-animated

Variations

• <BarLoader/>
• <DoubleBubble>
• <SlidingPebbles/>
• <DoubleOrbit/>
• <Spinner/>
• <HalfMalf/>
• <TripleMaze/>

Usage

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"}/>
  }
}

Props

See you again with more spinners

License

MIT © venushadilshan