Skip to content

A simple react component made using canvas and window frame animations

License

Notifications You must be signed in to change notification settings

lpove/react-spinner-material

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

npm downloads total npm version npm license

react-spinner-material

A react spinner following Material UI's spinners using purely css and a higher-order-component.

Example of Spinner

Installation

npm install --save react-spinner-material

or

yarn add react-spinner-material

PropTypes

Name Type Default Description
size Number 40 The width and height of the spinner
spinnerColor String #333333 The color of the spinner
spinnerWidth Number 5 The width of the spinner's circle
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 size={120} spinnerColor={"#333"} spinnerWidth={2} visible={true} />
      </div>
    );
  }
}

About

A simple react component made using canvas and window frame animations

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%