react-loading-bar

0.0.7 • Public • Published

React Loading Bar

Build Status

Usage

  npm install react-loading-bar --save
import React, { Component } from 'react'
import Loading from 'react-loading-bar'
import 'react-loading-bar/dist/index.css'

export default class LoadingExample extends Component {
  state = {
    show: false
  }

  onShow = ()=> {
    this.setState({ show: true })
  }

  onHide = ()=> {
    this.setState({ show: false })
  }

  render() {
    return (
      <div>
        <Loading
          show={this.state.show}
          color="red"
        />

        <button
          type="button"
          onClick={this.onShow}>
          show
        </button>

        <button
          type="button"
          onClick={this.onHide}>
          hide
        </button>
      </div>
    )
  }
}

Support UMD

Demo

React Loading Bar Example

Option Change

<Loading
  show={true}
  color="red"
  change={false}
  showSpinner={true}
/>

If change set false, will do nothing, default true

License

MIT

Readme

Keywords

none

Package Sidebar

Install

npm i react-loading-bar

Weekly Downloads

1,261

Version

0.0.7

License

MIT

Last publish

Collaborators

  • lonelyclick