1.0.16 • Published 3 years ago
@owaiswiz/use-in-view v1.0.16
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>
);
};