@rooneyhooks/use-prevent-leave

Hook to check again when leaving the website

Usage no npm install needed!

<script type="module">
  import rooneyhooksUsePreventLeave from 'https://cdn.skypack.dev/@rooneyhooks/use-prevent-leave';
</script>

README

useFadeIn

what is this ?

  • 특정 DOM을 선택하여 Fade-In 애니메이션을 추가 할 수 있다. 첫 번째 매개변수는 애니메이션의 지속시간(duration)이고, 두 번째 매개변수는 애니메이션의 지연시간(delay)이다.
npm install @rooneyhooks/use-prevent-leave

Usage

import useTitle from "@rooneyhooks/use-prevent-leave";

export default function App() {
    const fadeInH1 = useFadeIn(3, 3);
    const fadeInP = useFadeIn(5, 8);
    return (
        <div className='App'>
            <h1 {...fadeInH1}>Hello</h1>
            <p {...fadeInP}>GOGO</p>
        </div>
    );
}