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-image-upload';
let App = React.createClass({
//...
render() {
return(
<div>
<Spinner show={true} text="Requesting..."></Spinner>
</div>
);
},
})Run demo
npm run starthttp://localhost:9000/webpack-dev-server/demo/index.html
Options
| Props | Type | Example | Description |
|---|---|---|---|
| show | Boolean | true | show or hide |
| text | String | 'Loading...' | the text you want to show |
| size | Number | 28 | the size of the loading spinner |
| children | Element | ... | change the loading element |
| type | String | gif | loading gif |
| style | Object | '1:1' | change loading wrap style |
Contributions
Your contributions and suggestions are welcome 😄😄😄
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent