https://github.com/jackpu/react-core-loading-spinner

🦋 a component for react loading spinner
https://github.com/jackpu/react-core-loading-spinner

loading react react-component spinner

Last synced: about 2 months ago
JSON representation

🦋 a component for react loading spinner

• Host: GitHub
• URL: https://github.com/jackpu/react-core-loading-spinner
• Owner: JackPu
• License: mit
• Created: 2016-12-01T06:43:42.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-02-08T06:28:07.000Z (almost 7 years ago)
• Last Synced: 2024-09-18T07:34:50.700Z (4 months ago)
• Topics: loading, react, react-component, spinner
• Language: JavaScript
• Homepage: http://events.jackpu.com/react-core-loading-spinner/
• Size: 107 KB
• Stars: 22
• Watchers: 4
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-core-loading-spinner

[![npm](https://img.shields.io/npm/v/react-core-loading-spinner.svg?maxAge=2592000)]()

![Node Version](https://img.shields.io/node/v/react-core-loading-spinner.svg "Node Version")

[![Build Status](https://travis-ci.org/JackPu/react-core-loading-spinner.svg?branch=master)](https://travis-ci.org/JackPu/react-core-loading-spinner)



A component for loading spinner.

[Example](http://events.jackpu.com/react-core-loading-spinner/)

## Install

Use Npm

```bash

npm install react-core-loading-spinner --save-dev

```

Use Yarn

``` bash

yarn add react-core-loading-spinner

```

Code Example

``` js

import React from 'react';

import {Spinner}  from 'react-core-loading-spinner';

let App = React.createClass({

//...

  render() {

    return(

      


        

      

    );

  },


})

```

## Run Demo

``` bash

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