react-spinner-material

A flashy material-design inspired spinner using purely css

Usage no npm install needed!

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

README

npm downloads total npm version npm license

react-spinner-material

A simple react spinner following Material UI's using only css.

Example of Spinner

Installation

npm install --save react-spinner-material

or

yarn add react-spinner-material

PropTypes

Name Type Default Description
radius Number 40 The radius of the spinner
color String #333333 The color of the spinner
stroke Number 5 The spinner's stroke width
visible Boolean true Whether to show the spinner or not

Usage

Example:

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

export default class Example extends Component {
  render() {
  return (
      <div>
        <Spinner radius={120} color={"#333"} stroke={2} visible={true} />
      </div>
    );
  }
}

Changelog

1.3.1

  • @pedroalmeida415 PR regarding SSR support

1.3.0

  • Reverting 1.2.0 commits to support IE :(