react-fade-opacity

React.js fade out/in opacity effect

npm

Install

$ npm install --save react-fade-opacity

Demo

Try it out !

Usage

import Fade from 'react-fade-opacity'

render() {
  <Fade>
    <button>Hello</button>
  </Fade>
}

API

Props

  static propTypes = {
    in: PropTypes.bool,
    interval: PropTypes.number,
    delay: PropTypes.number,
    children: PropTypes.node
  }
  static defaultProps = {
    in: false,
    interval: 50,
    delay: 6000
  }

Property	Description
in	Set true to fade the animation in
interval	Animation fade duration in ms
delay	Time before the animation will show in ms
onFadeComplete	callback when animation completes