Skip to content

LucasBassetti/react-css-loaders

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
lib
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

React CSS Loaders

Travis CI npm version Coverage Status

A collection of pure CSS React loading components. Based on Luke Haas css-loaders project.

Contents

Getting Start

npm install react-css-loaders --save

Usage

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

Components

BarLoader

Usage

<BarLoader />

Properties
Name Type Default
color PropTypes.string #000
duration PropTypes.number 1
size PropTypes.number 11

BubbleLoader

Usage

<BubbleLoader />

Properties
Name Type Default
color PropTypes.string #000
duration PropTypes.number 1.8
size PropTypes.number 10

BubbleSpinLoader

Usage

<BubbleSpinLoader />

Properties
Name Type Default
color PropTypes.string #000
duration PropTypes.number 1.3
size PropTypes.number 20

CometSpinLoader

Usage

<CometSpinLoader />

Properties
Name Type Default
color PropTypes.string #000
duration PropTypes.number 1.7
size PropTypes.number 90

CylinderSpinLoader

Usage

<CylinderSpinLoader />

Properties
Name Type Default
color PropTypes.string #000
duration PropTypes.number 1.1
size PropTypes.number 25

ResizeSpinLoader

Usage

<ResizeSpinLoader />

Properties
Name Type Default
background PropTypes.string #000
color PropTypes.string #000
duration PropTypes.number 2
size PropTypes.number 11

RotateSpinLoader

Usage

<RotateSpinLoader />

Properties
Name Type Default
color PropTypes.string #000
duration PropTypes.number 1.1
size PropTypes.number 10

SpinLoader

Usage

<SpinLoader />

Properties
Name Type Default
background PropTypes.string #fff
color PropTypes.string #000
duration PropTypes.number 1.4
size PropTypes.number 10

Authors

Lucas Bassetti
Lucas Bassetti

See also the list of contributors who participated in this project.

How to Contribute

Please check the contributing guide

License

MIT · Lucas Bassetti

About

A collection of pure CSS React loading components

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published