react-core-loading-spinner
A component for loading spinner.
Install
Use Npm
npm install react-core-loading-spinner --save-devUse Yarn
yarn add react-core-loading-spinnerCode Example
import React from 'react'; import {Spinner} from 'react-core-loading-spinner'; let App = React.createClass({ //... render() { return( <div> <Spinner show={true} text="Requesting..."></Spinner> </div> ); }, }) Run Demo
npm run startPls open the url:
http://localhost:9001/webpack-dev-server/demo/index.html
Props
| Props | Type | Example | Description |
|---|---|---|---|
| show | Boolean | true | show or hide |
| text | String | 'Loading...' | the text you want to show |
| size | String | 28px | the size of the loading spinner |
| children | Component | ... | change the loading element |
| type | String | gif | loading gif |
| style | Object | {} | change loading wrap style |
Contributions
Your contributions and suggestions are welcome
