@shapla/react-spinner

1.0.0 • Public • Published

Shapla React Spinner

A loading spinner component based on Material Design Lite Spinner for React

Table of contents

Installation

npm install --save @shapla/react-spinner

Usage

Styles

with Sass:

import '@shapla/react-spinner/src/index.scss';

with CSS:

import '@shapla/react-spinner/dist/spinner.css';

Javascript Instantiation

import React from 'react';
import Spinner from '@shapla/react-spinner';
 
class MyApp extends React.Component {
  render() {
    return (
      <Spinner active={this.state.active} single={true} showText={true}/>
    );
  }
}

Props

Property Type Required Default Description
active Boolean no true Spinner will be shown only when active value is true
single Boolean no false If set true, only primary color will be shown for all layers.
showText Boolean no false If set true, Loading... text will be show beside spinner.
loadingText String no Loading... Loading text
position String no fixed Value can be fixed, absolute, or static.
size String no default Value can be default, small, or medium or large.

Package Sidebar

Install

npm i @shapla/react-spinner

Weekly Downloads

0

Version

1.0.0

License

MIT

Unpacked Size

821 kB

Total Files

11

Last publish

Collaborators

  • sayful