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 |