Nomad Packaging Mechanism

    react-pure-loaders
    TypeScript icon, indicating that this package has built-in type declarations

    3.0.1 • Public • Published

    react-pure-loaders

    Build Status Code Coverage dependencies Status devDependencies Status version downloads

    MIT License Greenkeeper badge FOSSA Status Known Vulnerabilities PRs Welcome All Contributors

    Donate Code of Conduct Roadmap Examples semantic-release Commitizen friendly

    Watch on GitHub Star on GitHub Tweet

    React PureComponent loading animations

    Demo

    Demo Page

    Installation

    Install with yarn:

    yarn add react-pure-loaders

    Install with npm:

    npm install react-pure-loaders --save

    Usage

    Each loader has their own default properties. You can overwrite the defaults by passing props into the loaders. Each loader accepts a loading prop as a boolean. The loader will not render anything if loading is false.

    Example

    import React from 'react';
    import { BallBeat } from 'react-pure-loaders';
     
    class AwesomeComponent extends React.Component {
      constructor(props) {
        super(props);
        this.state = {
          loading: true
        }
      }
      render() {
        return (
          <div>
            <BallBeat
              color={'#123abc'}
              loading={this.state.loading}
            />
          </div>
        )
      }
    }

    Available Loaders, PropTypes, and Default Values

    Common default props for all loaders:

    loading: true
    color: '#000000'
    Loader size:int height:int width:int radius:int margin:str
    BallBeat
    BallClipRotate
    BallClipRotateMultiple
    BallClipRotatePulse
    BallGridBeat
    BallGridPulse
    BallPulse
    BallPulseRise
    BallPulseRound
    BallPulseSync
    BallRotate
    BallScale
    BallScaleMultiple
    BallScaleRandom
    BallScaleRipple
    BallScaleRippleMultiple
    BallSpinFadeLoader
    BallSpinLoader
    BallTrianglePath
    BallZigZag
    BallZigZagDeflect
    LineScale
    LineScaleParty
    LineScalePulseOut
    LineScalePulseOutRapid
    LineScaleRandom
    LineSpinFadeLoader
    CubeTransition
    Pacman
    SemiCircleSpin
    SquareSpin
    TriangleSkewSpin

    Contributors

    Thanks goes to these wonderful people (emoji key):

    James W. Lane III
    James W. Lane III

    💻 📖 ⚠️
    Willane Paiva
    Willane Paiva

    📖
    Larissa Moura
    Larissa Moura

    💻 ⚠️🔧🔌

    This project follows the all-contributors specification. Contributions of any kind welcome!

    License

    FOSSA Status

    Install

    npm i react-pure-loaders

    DownloadsWeekly Downloads

    804

    Version

    3.0.1

    License

    MIT

    Unpacked Size

    392 kB

    Total Files

    282

    Last publish

    Collaborators

    • james.w.lane