React-spinner-children NPM

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>
    );
  }
}