react-spinkit
Version:
A collection of loading indicators animated with CSS for React
48 lines (45 loc) • 1.75 kB
JavaScript
const spinkitSpinners = {
circle: { className: 'sk-circle', divCount: 12 },
'cube-grid': { className: 'sk-cube-grid', divCount: 9 },
wave: { className: 'sk-wave', divCount: 5 },
'folding-cube': { className: 'sk-folding-cube', divCount: 4 },
'three-bounce': { className: 'sk-three-bounce', divCount: 3 },
'double-bounce': { className: 'sk-double-bounce', divCount: 2 },
'wandering-cubes': { className: 'sk-wandering-cubes', divCount: 2 },
'chasing-dots': { className: 'sk-chasing-dots', divCount: 2 },
'rotating-plane': { className: 'sk-rotating-plane', divCount: 1 },
pulse: { className: 'sk-pulse', divCount: 1 },
wordpress: { className: 'sk-wordpress', divCount: 1 },
};
const loadersCssSpinners = {
'ball-grid-beat': { divCount: 9 },
'ball-grid-pulse': { divCount: 9 },
'line-spin-fade-loader': { divCount: 8 },
'ball-spin-fade-loader': { divCount: 8 },
'ball-pulse-rise': { divCount: 5 },
'line-scale': { divCount: 5 },
'line-scale-pulse-out': { divCount: 5 },
'line-scale-pulse-out-rapid': { divCount: 5 },
pacman: { divCount: 5 },
'line-scale-party': { divCount: 4 },
'ball-triangle-path': { divCount: 3 },
'ball-scale-multiple': { divCount: 3 },
'ball-scale-ripple-multiple': { divCount: 3 },
'ball-pulse-sync': { divCount: 3 },
'ball-beat': { divCount: 3 },
'ball-zig-zag': { divCount: 2 },
'ball-zig-zag-deflect': { divCount: 2 },
'ball-clip-rotate-pulse': { divCount: 2 },
'ball-clip-rotate-multiple': { divCount: 2 },
'ball-clip-rotate': { divCount: 1 },
'ball-scale-ripple': { divCount: 1 },
'triangle-skew-spin': { divCount: 1 },
};
module.exports = {
spinkitSpinners,
loadersCssSpinners,
allSpinners: {
...spinkitSpinners,
...loadersCssSpinners,
},
};