1.0.0 • Published 3 years ago
shapla-react-spinner v1.0.0
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 . |
1.0.0
3 years ago