@ziphooks/use-fade-in

React Hook for fade in a selected element. Useful on fade motion intro.

Installation

yarn

yarn add @ziphooks/use-fade-in

npm

npm i @ziphooks/use-fade-in

Usage

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

function App() {
  const title = useFadeIn(0.3, 0.5);
  return (
      <h1 ref={title}>Fade In</h1>
  );
};

Arguments

| Argument | Type | Description | required | | -- | -- | -- | -- | | Duration | Number | A number that duration of fade in | false | | Delay | Number | A number that delay of fade in | false |

Return

| Name | Type | Description | | -- | -- | -- | | ref | React Ref | A ref created to fadeIn the element | | style | Object | Style object containing { opacity: 0 } to give to the element as a default |