hoppula / react-snabbt Goto Github PK

import Snabbt from 'react-snabbt';

export default class App extends React.Component {
  state = {
    animate: false,
  };

  setAnimate() {
    this.setState({
      animate: true,
    });
  }

  resetAnimate() {
    this.setState({
      animate: false,
    });
  }

  render() {
    const options = [
      {
        scale: [0.97, 0.97, 0],
        easing: 'ease',
        duration: 100,
      },
      {
        scale: [1, 1, 0],
        easing: 'spring',
        springConstant: 1.5,
        springDeceleration: 0.7,
      },
    ];

    return (
      <Snabbt options={options} animate={this.state.animate} before={::this.resetAnimate}>
        <div onClick={::this.setAnimate}></div>
      </Snabbt>
    );
  }
}