React spin

A React component wrapper for spin.js with support for children. You can use it in your isomorphic application(server rendering) too.

Support us

Star this project on GitHub.

Usage

import React, { Component } from 'react';
import Spinner from 'react-spinner-children';

export default class Example extends Component {
  render() {
    const isLoaded = true;
    const customSpinConfig = {
      lines: 10,
    };  // all configs http://fgnass.github.io/spin.js/

    return (
      <Spinner loaded={isLoaded} config={customSpinConfig}>
        <span>This content will be show when isLoaded === true</span>
      </Spinner>
    );
  }
}

Try our other React components

• Translate your great project react-translate-maker
• Google Analytics react-g-analytics
• Google AdSense via Google Publisher Tag react-google-publisher-tag

Credits

Zlatko Fedor