@planet/react-loader

react-loader

A React Loading indicator.

Based on https://github.com/ConnorAtherton/loaders.css

Install

npm install @planet/react-loader

Require

var Loader = require('@planet/react-loader')

Include loader.css in your html.

Use

<Loader active={true} type="line-scale-party" />

List of loader types:

• 'ball-pulse'
• 'ball-grid-pulse'
• 'ball-clip-rotate'
• 'ball-clip-rotate-pulse'
• 'square-spin'
• 'ball-clip-rotate-multiple'
• 'ball-pulse-rise'
• 'ball-rotate'
• 'cube-transition'
• 'ball-zig-zag'
• 'ball-zig-zag-deflect'
• 'ball-triangle-path'
• 'ball-scale'
• 'line-scale'
• 'line-scale-party'
• 'ball-scale-multiple'
• 'ball-pulse-sync'
• 'ball-beat'
• 'line-scale-pulse-out'
• 'line-scale-pulse-out-rapid'
• 'ball-scale-ripple'
• 'ball-scale-ripple-multiple'
• 'ball-spin-fade-loader'
• 'line-spin-fade-loader'
• 'triangle-skew-spin'
• 'pacman'
• 'ball-grid-beat'