Nihilist Postmodern Mistake

    react-delayed

    0.2.3 • Public • Published

    React Delayed

    Small component for delaying the mounting and unmounting of a child component for CSS animation purposes.

    Travis   Coveralls   npm   License MIT


    Getting Started

    Use the optional mountAfter and unmountAfter props for delaying the mounting and unmounting of nested components.

    <Delayed mounted={true} mountAfter={500} unmountAfter={500}>
        <img src="./images/nyan.gif" alt="Nyan" />
    </Delayed>

    When mounted is false a dummy node will be rendered, which defaults to span and can be changed with the nodeName prop.

    You're also able to pass a thunk as the children for truly deferred components.

    <Delayed mounted={true} mountAfter={500} unmountAfter={500}>
        {() => <img src="./images/nyan.gif" alt="Nyan" />}
    </Delayed>

    Install

    npm i react-delayed

    DownloadsWeekly Downloads

    588

    Version

    0.2.3

    License

    MIT

    Unpacked Size

    81.3 kB

    Total Files

    19

    Last publish

    Collaborators

    • wildhoney