Skip to content

Simple library using HOC pattern to animate react components using the awesome animate.css

License

Notifications You must be signed in to change notification settings

faggionluca/react-animate-hoc

Repository files navigation

react-animate-hoc

Hoc pattern for animate components using the awesome animate.css library

NPM JavaScript Style Guide

Install

npm install --save @darkimage/react-animate-hoc

Demo Example and Documentation

you can watch the examples and the documentation at the DEMO WEBSITE

Basic Usage

import React from 'react'

import { withAnimated } from 'react-animate-hoc'
import "animate.css" //dont forget to include the awesome animate.css

//if you are using your own component specify the `props.style` and `props.className` property
const MyAnimatedComponent = withAnimated((props) =>{
  return 
    <div style={props.style} className={props.className}>
      I'm a bouncing Div
    </div>
},{
  animation: "bounceIn" //specify an animation name from animate.css
});

License

MIT © darkimage

About

Simple library using HOC pattern to animate react components using the awesome animate.css

Resources

License

Stars

Watchers

Forks