@david_manzano98/effect_delay v1.0.3

Effect_Delay

Effect_Delay is a plugin that helps developers to integrate CSS animations into their React components.

Installation

To install the package run:

npm i @david_manzano98/effect_delay

Usage

import { calcDelay } from "@david_manzano98/effect_delay";

export const Component = ()=>{
    const elements = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20];
    return (
        <div id="content">
            {elements.map((element, index)=>{
                return <div style={{...calcDelay(index)}} key={index}>{element}</div>
            }
            )}
        </div>
    )
}

Developed by

David Manzano Martín