npm.io
0.6.2 • Published 9 years ago

react-facebook-loading

Licence
MIT
Version
0.6.2
Deps
2
Vulns
0
Weekly
0
Stars
2
SummaryDependencyVersions

react-facebook-loading build status Coverage Status

NPM

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

Keywords

reactreact-facebook-loadingfacebookloadinganimationcss3