react-core-loading-spinner

a component for loading spinner

Usage no npm install needed!

<script type="module">
  import reactCoreLoadingSpinner from 'https://cdn.skypack.dev/react-core-loading-spinner';
</script>

README

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

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