react-loader-icon
React component that display loader icon
Installation
To install react-loader-icon, use npm:
npm i react-loader-icon -S
Usage
;; Component { return <div> <LoaderIcon /> <LoaderIcon size=100 /> <LoaderIcon color="red" /> <LoaderIcon className="loader" /> <LoaderIcon style= marginTop: 100 /> <LoaderIcon type="bars" color="red" size=100 /> <LoaderIcon type="balls" /> <LoaderIcon type="bars" /> <LoaderIcon type="bubbles" /> <LoaderIcon type="cubes" /> <LoaderIcon type="cylon" /> <LoaderIcon type="spin" /> <LoaderIcon type="spinningBubbles" /> <LoaderIcon type="spokes" /> </div> ; } ;
Options
size
- define the size of the icon. (default: 64) [OPTIONAL]color
- define the color of the icon. (default: black) [OPTIONAL]type
- define the type of loader icon needed. (default: spinningBubbles) [OPTIONAL]className
- define the className of loader icon. (default: spinningBubbles) [OPTIONAL]style
- define the style of loader icon. (default: spinningBubbles) [OPTIONAL]
Loading Types
- balls
- bars
- bubbles
- cubes
- cylon
- spin
- spinningBubbles
- spokes
Demo
Tests
npm install
npm test