react-core-loading-spinner
react-core-loading-spinner copied to clipboard
🦋 a component for react loading spinner
react-core-loading-spinner

A component for loading spinner.
Install
Use Npm
npm install react-core-loading-spinner --save-dev
Use Yarn
yarn add react-core-loading-spinner
Code 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 start
Pls 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 😄😄💐💐🌠🌠