react-inview
Version:
React Component that triggers an event when inview
39 lines (24 loc) • 941 B
Markdown
## Why react-inview?
Use the React *Inview* component to figure out when a DOM element is in user's
view. It will call a *Function* passed to the `onInview` property. As it turns
out, it's specific for DOM (shouldn't work for react-native). It requires two
dependencies, `jquery` and `jquery-inview` plugin.
## Demo
The React *Inview* component can be used for creating an infinite scroll
layout.
See the [example](./example) for more details.
## Usage
Install it using `npm`.
npm install --save react-inview
Simple usage example.
```html
<Inview onInview={this.handleInview}>
<span>I'm in your view</span>
</Inview>
```
## Properties (`props`)
**`onInview`** A *Function* that is triggered when the children element is in
view.
## License
MIT © [Rafael Xavier de Souza](http://rafael.xavier.blog.br)