react-spinner-children

A React component wrapper for spin.js with support for children

Usage no npm install needed!

<script type="module">
  import reactSpinnerChildren from 'https://cdn.skypack.dev/react-spinner-children';
</script>

README

React spin

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

NPM version build status Test coverage

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

Credits

Zlatko Fedor