React-Core-Loading-Spinner

A component for loading spinner.

Example

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

http://localhost:9000/webpack-dev-server/demo/index.html

Demo

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 😄😄💐💐🌠🌠

MIT Liscense