rayloading

loading

support react 16

To build the examples locally, run:

npm install
npm run demo

Then open: localhost:3001

install

npm install rayloading --save

Usage

import DotLoader from 'rayloading/lin/DotLoader';

class Example extends Component {
  render() {
    return (
      <Loader color="#FF5722" size="16px" margin="4px"/>
    );
  }
}

props

loaders

• PulseLoader
• RotateLoader
• BeatLoader
• RiseLoader
• SyncLoader
• GridLoader
• ClipLoader
• FadeLoader
• ScaleLoader
• SquareLoader
• PacmanLoader
• SkewLoader
• RingLoader
• MoonLoader
• DotLoader
• BounceLoader

color

const colors = {
  success: '#00a854',
  error: '#f04134',
  warning: '#ffbf0b',
  info: '#108ee9',
  dotred: '#ff5b05',
  orange: '#FF9800',
  deepOrange: '#FF5722',
  purple: '#9C27B0',
  deepPurple: '#673AB7'
};

Browser Support

IE 10+ ✔	Chrome 4.0+ ✔	Firefox 16.0+ ✔	Opera 15.0+ ✔	Safari 4.0+ ✔

License

MIT