react-facebook-loading

The Facebook loading animation for React.

Demo: https://cheton.github.io/react-facebook-loading

Installation

1. Install the latest version of react and react-facebook-loading:

npm install --save react react-facebook-loading

1. At this point you can import react-facebook-loading and its styles in your application as follows:

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';

Usage

<FacebookLoading
    delay={0}
    duration={800}
    zoom={1}
    style={{ margin: '0 auto' }}
/>

API

Properties

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.

License

MIT