@gitgw/use-fade-in

React Hook to fade in any element.

Installation

npm

npm i @gitgw/use-fade-in

yarn

yarn add @gitgw/use-fade-in

Usage

import React from "react";
import useFadeIn from "@gitgw/use-fade-in";

function App() {
  const fadeIn = useFadeIn(3, 5);
  
  return (
    <div className="App">
      <h1 {...fadeIn}>This will fade in.</h1>
    </div>
  );
}

Arguments

Argument	Type	Description	Required	Default value
duration	Number	Sets the duration of the transition. In seconds	no	1
delay	Number	Delays of transition's start. In seconds	no	0

Return

useScroll returns an object containing the following:

Return value	Type	Description	Default value
ref	React ref	A ref created to fadeIn the element	element
style	Object	Style object containing to give to the element as a default	opacity: 0