Licence
MIT
Version
1.0.0
Deps
0
Size
2 kB
Vulns
0
Weekly
0
@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.