0.0.9 • Published 6 months ago

anima-react v0.0.9

Weekly downloads
-
License
-
Repository
github
Last release
6 months ago

anima-react

An animation wrapper component library for react

Installation

yarn add anima-react

# OR:

npm install anima-react

Basic usage

import { FadeIn, getIncrementor } from 'anima-react';

// return an incremented number on every call
const getDelay = getIncrementor(0, 0.15);

// Wrap your component and add an optional delay
<FadeIn orientation="up" delay={getDelay()}>
  <YourReactComponent />
</FadeIn>;

Components

FadeIn

nametypedefault
delaynumber0
orientationleft right up down noneleft
distancenumber10
durationnumber0.2

ZoomIn

nametypedefault
delaynumber0
orientationleft right up down nonenone
distancenumber100
durationnumber0.2

Develop

yarn install
yarn dev