Skip to content

React library to use animations on embedded experiences where the use of !important in the CSS is required.

Notifications You must be signed in to change notification settings

GenomeUS/react-embedded-animations

Repository files navigation

react-embedded-animations

React library to use animations on embedded experiences where the use of !important in the CSS is required.

When to use it

On most case this library shouldn't be used, used only if:

  • if you are required to use !important on your animations' CSS

NPM JavaScript Style Guide

Install

npm install --save react-embedded-animations

Usage

import React, { Component } from 'react'

import { Animated, TRANSITIONS } from 'react-embedded-animations'

class Example extends Component {
  render() {
    return (
      <Animated
        animation={TRANSITIONS.OPACITY_IN}
        duration={500}
        delay={0}
        easing='ease-in-out'
      >
        <div className='embedded-landing-start-logo' />
      </Animated>
    )
  }
}

License

MIT © faridsaud

About

React library to use animations on embedded experiences where the use of !important in the CSS is required.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages