Neighbour Problem Manager

    @ej-hooks/use-fade-in

    1.0.0 • Public • Published

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

    Install

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

    DownloadsWeekly Downloads

    2

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    2.42 kB

    Total Files

    4

    Last publish

    Collaborators

    • eunjinfizz