@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 |