React CSS Loaders

Travis CI npm version [Coverage Status](https://coveralls.io/github/LucasBassetti/react-css-loaders)

A collection of pure CSS React loading components. Based on Luke Haas [css-loaders](https://github.com/lukehaas/css-loaders) project.

Contents

  • [Getting Started](#getting-started)
  • [Usage](#usage)
  • [Components](#components)
    • [BarLoader](#barloader)
    • [BubbleLoader](#bubbleloader)
    • [BubbleSpinLoader](#bubblespinloader)
    • [CometSpinLoader](#cometspinloader)
    • [CylinderSpinLoader](#cylinderspinloader)
    • [ResizeSpinLoader](#resizespinloader)
    • [RotateSpinLoader](#rotatespinloader)
    • [SpinLoader](#spinloader)
  • [How to Contribute](#how-to-contribute)

Getting Start

npm install react-css-loaders --save

Usage

  import { BarLoader } from 'react-css-loaders';
  ...
  <BarLoader />
  ...

Components

BarLoader

Usage

<BarLoader />

Properties
NameTypeDefault
colorPropTypes.string#000
durationPropTypes.number1
sizePropTypes.number11

BubbleLoader

Usage

<BubbleLoader />

Properties
NameTypeDefault
colorPropTypes.string#000
durationPropTypes.number1.8
sizePropTypes.number10

BubbleSpinLoader

Usage

<BubbleSpinLoader />

Properties
NameTypeDefault
colorPropTypes.string#000
durationPropTypes.number1.3
sizePropTypes.number20

CometSpinLoader

Usage

<CometSpinLoader />

Properties
NameTypeDefault
colorPropTypes.string#000
durationPropTypes.number1.7
sizePropTypes.number90

CylinderSpinLoader

Usage

<CylinderSpinLoader />

Properties
NameTypeDefault
colorPropTypes.string#000
durationPropTypes.number1.1
sizePropTypes.number25

ResizeSpinLoader

Usage

<ResizeSpinLoader />

Properties
NameTypeDefault
backgroundPropTypes.string#000
colorPropTypes.string#000
durationPropTypes.number2
sizePropTypes.number11

RotateSpinLoader

Usage

<RotateSpinLoader />

Properties
NameTypeDefault
colorPropTypes.string#000
durationPropTypes.number1.1
sizePropTypes.number10

SpinLoader

Usage

<SpinLoader />

Properties
NameTypeDefault
backgroundPropTypes.string#fff
colorPropTypes.string#000
durationPropTypes.number1.4
sizePropTypes.number10

Authors

Lucas Bassetti
[Lucas Bassetti](https://github.com/LucasBassetti/)

See also the list of [contributors](https://github.com/LucasBassetti/react-css-loaders/contributors) who participated in this project.

How to Contribute

Please check the [contributing guide](https://github.com/LucasBassetti/react-css-loaders/blob/master/contributing.md)

License

MIT · [Lucas Bassetti](http://lucasbassetti.com.br)