LucasBassetti / React Css Loaders
Licence: mit
⭕️ A collection of pure CSS React loading components
Stars: ✭ 379
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
React CSS Loaders
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 |
See also the list of contributors who participated in this project.
How to Contribute
Please check the contributing guide
License
MIT · Lucas Bassetti
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].