heynext/flavor-loading

fu-loading

Loading component based on React.

Included

fu-loading/
├── README.md
├── dist/
├── docs/
├── examples/
├── gulpfile.js
├── LICENSE
├── package.json
└── src/

TODO

Add more themes and LoadingGroup component.

Theme && Document

Themes

• circle
  • &
  • &-fadeout
  • &-zoomfade
• ball
  • &-stream
  • &-bounce
• rect
  • &
  • &-series
  • &-stream

Props

• transparent boolen
  • true transparent/white
  • false nontransparent/colored

Examples

Examples

<!-- container -->
<div id="circle"></div>
<div id="ball-bounce"></div>

// Loading component of circle theme rendered
ReactDOM.render(
  <Loading theme="circle" />,
  document.getElementById('circle')
);

// Loading component of nontransparent ball-bounce theme rendered
ReactDOM.render(
  <Loading theme="ball-bounce" transparent={false}/>,
  document.getElementById('ball-bounce')
);

Demo

circle

circle-fadeout

circle-zoomfade

ball-stream

ball-bounce

rect

rect-series

rect-stream