Skip to content

JackPu/react-core-loading-spinner

Repository files navigation

react-core-loading-spinner

npm Node Version Build Status

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

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

MIT Liscense

About

🦋 a component for react loading spinner

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published