@ej-hooks/use-fade-in NPM

@ej-hooks/use-fade-in

React Hook to fade in any element.

Installation

yarn

yarn add @ej-hooks/use-fade-in

npm

npm i @ej-hooks/use-fade-in

Usage

import React from 'react';
import useFadeIn from '@ej-hooks/use-fade-in';
function App() {
  const fadeIn = useFadeIn(5, 10);
  return <h1 {...fadeIn}>This will fade in.</h1>;
}

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

Return value	Type	Description	Default value
ref	React Ref	A ref created to fadeIn the element	null
style	Object	Style object	`{opacity:0}`

It's recommended to just spread the returned object on the element as shown in the Usage section above.

react hooks fade-in react-hooks

@infinitebrahmanuniverse/nolb-_ej @everything-registry/sub-chunk-281 @zalastax/nolb-_ej

1.0.0

3 years ago