react-css-loaders icon indicating copy to clipboard operation
react-css-loaders copied to clipboard

Published 20 hours ago • verified publisher icon LucasBassetti
→

Metadata

:o: A collection of pure CSS React loading components

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 Started
  • Usage
  • Components
    • BarLoader
    • BubbleLoader
    • BubbleSpinLoader
    • CometSpinLoader
    • CylinderSpinLoader
    • ResizeSpinLoader
    • RotateSpinLoader
    • SpinLoader
  • How to Contribute

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

← Metadata

395
Stars
31
Forks
Watchers

Owner

verified publisher icon LucasBassetti

Metadata

:o: A collection of pure CSS React loading components

Back