Directory

react-loader-spinner - Vaadin Add-on Directory

Collection set of react-spinner for async operation react-loader-spinner - Vaadin Add-on Directory

title

react-spinner-loader provides simple React.js spinner component which can be implemented for async wait operation before data load to the view. ### Installation ```sh $ npm install react-loader-spinner --save ``` # Demo [View in page] ### Usage ``` import Loader from 'react-loader-spinner' export default class App extends React.Component { //other logic render() { return( ); } } ``` ### Types of Spinner react-loader-spinner component has following types of spinner. | Spinner Type | Implementation | | ------ | ------ | | Audio|``` ``` | | Ball-Triangle | ``` ```| | Bars | `````` | | Circles | `````` | | Grid|`````` | |Hearts|``````| |Oval|``````| |Puff|``````| |Rings|``````| |TailSpin|``````| |ThreeDots|``````| ### PropTypes Available react-loader-spinner component accept following props. Instructions on how to use them are below. | PropType | Detail | | ------ | ------ | | type | Type of spinner you want to display. View the type in Types of Spinner section. | | height | Height props define the height of the svg spinner. Default height is 80px.| | width | Width props define the width of the spinner. Default Width is 80px. | | color | [Color Props is provide color to the spinner. Default color is light blue. | ### TODO LIST * Update Readme Table With New Component * Change Docs on Storybooks License ---- MIT [svg-loader]: [here]: [View in page]: https://mhnpd.github.io/react-loader-spinner/
Online