React Bubble Preloader
React component which provides nice and simple preloader
Demo
https://ivanzusko.github.io/react-bubble-preloader/
Installation
Just run
npm i react-bubble-preloaderor (if you are using Yarn)
yarn add react-bubble-preloader --devUsage
; <BubblePreloader bubble= width: '2rem' height: '2rem' animation= speed: 2 className="your-own-class__if-you-need-it" colors='red' 'blue' 'yellow'/>Customization
All props are not required, only if you want to customize:
| Property | Type | Description |
|---|---|---|
animation |
object | with speed key |
bubble |
object | with width and height keys, which accept any kind of size units |
className |
string | you can pass your custom class to the preloader, but bubbles still will have classes bubble1 , bubble2 , bubble3 |
color |
array | which accepts three colors which will be used one by one as background colors of the bubbles |
P.S.
Huge appreciation to JULIAN ĆWIRKO for his react-npm-boilerplate