The Facebook loading animation for React
npm install react-facebook-loading
The Facebook loading animation for React.
Demo: https://cheton.github.io/react-facebook-loading
1. Install the latest version of react and react-facebook-loading:
``
npm install --save react react-facebook-loading
2. At this point you can import react-facebook-loading and its styles in your application as follows:
`js
import FacebookLoading from 'react-facebook-loading';
// Be sure to include styles at some point, probably during your bootstraping
import 'react-facebook-loading/dist/react-facebook-loading.css';
`
`js``
duration={800}
zoom={1}
style={{ margin: '0 auto' }}
/>
| Name | Type | Default | Description |
|---|---|---|---|
| delay | Number|String | 0 | Specify a delay for the start of an animation. The value is defined in seconds (s) or milliseconds (ms). If you specify a number, rather than a regular string, it will use ms as the unit. |
| duration | Number|String | 800 | Specify how long an animation takes to complete one cycle. The value is defined in seconds (s) or milliseconds (ms). If you specify a number, rather than a regular string, it will use ms as the unit. |
| zoom | Number | 1 | Specify the zoom level of the content. |
MIT