react-spinkit
Version:
A collection of loading indicators animated with CSS for React
48 lines (44 loc) • 2.05 kB
JavaScript
'use strict';
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var 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 }
};
var 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: spinkitSpinners,
loadersCssSpinners: loadersCssSpinners,
allSpinners: _extends({}, spinkitSpinners, loadersCssSpinners)
};