A collection of pure CSS React loading components. Based on Luke Haas css-loaders project.
npm install react-css-loaders --save import { BarLoader } from 'react-css-loaders'; ... <BarLoader /> ...<BarLoader />
| Name | Type | Default |
|---|---|---|
color | PropTypes.string | #000 |
duration | PropTypes.number | 1 |
size | PropTypes.number | 11 |
<BubbleLoader />
| Name | Type | Default |
|---|---|---|
color | PropTypes.string | #000 |
duration | PropTypes.number | 1.8 |
size | PropTypes.number | 10 |
<BubbleSpinLoader />
| Name | Type | Default |
|---|---|---|
color | PropTypes.string | #000 |
duration | PropTypes.number | 1.3 |
size | PropTypes.number | 20 |
<CometSpinLoader />
| Name | Type | Default |
|---|---|---|
color | PropTypes.string | #000 |
duration | PropTypes.number | 1.7 |
size | PropTypes.number | 90 |
<CylinderSpinLoader />
| Name | Type | Default |
|---|---|---|
color | PropTypes.string | #000 |
duration | PropTypes.number | 1.1 |
size | PropTypes.number | 25 |
<ResizeSpinLoader />
| Name | Type | Default |
|---|---|---|
background | PropTypes.string | #000 |
color | PropTypes.string | #000 |
duration | PropTypes.number | 2 |
size | PropTypes.number | 11 |
<RotateSpinLoader />
| Name | Type | Default |
|---|---|---|
color | PropTypes.string | #000 |
duration | PropTypes.number | 1.1 |
size | PropTypes.number | 10 |
<SpinLoader />
| Name | Type | Default |
|---|---|---|
background | PropTypes.string | #fff |
color | PropTypes.string | #000 |
duration | PropTypes.number | 1.4 |
size | PropTypes.number | 10 |
 |
|---|
| Lucas Bassetti |
See also the list of contributors who participated in this project.
Please check the contributing guide
MIT · Lucas Bassetti