loading

A flashy material-design inspired spinner using purely css

Apr 05, 2019
A flashy material-design inspired spinner using purely css

react-spinner-material

A simple react component made using canvas and window frame animations.

Installation

npm install --save react-spinner-material

or

yarn add react-spinner-material

PropTypes

NameTypeDefaultDescription
sizeNumber40The width and height of the spinner
spinnerColorString#333333The color of the spinner
spinnerWidthNumber5The width of the spinner's circle
visibleBooleantrueWhether 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> ); } }

GitHub

Recommended