use-in-view
v1.0.15
Published
Check if your component is in viewport using this simple hook!
Downloads
506
Maintainers
Readme
useInView
Check if your component is in viewport using this simple hook!
⭐ ⭐ Check out a working demo here ⭐ ⭐
Install
$ yarn add use-in-view
Usage
import useInView from 'use-in-view';
const AnimatedComponent = () => {
const offset = 30;
const [ref, inView] = useInView(offset);
return (
<div className={`${inView && 'in-view'}`} ref={ref}>
Animate me!
</div>
);
};