YuvalZiegler/react-ripples

:swimmer: The ripple effect, ripples everything

react-ripples

Install

$ npm install --save react-ripples

Demo

live demo

Usage

import Ripples from 'react-ripples'
  
render() {
  <div>
    <Ripples>
      <button>Hello</button>
    </Ripples>
  </div>
}

API

Props

static propTypes = {
  during: PropTypes.number,
  color: PropTypes.string,
}

static defaultProps = {
  during: 600,
  color: 'rgba(0, 0, 0, .3)',
}

Property	Description
during	The css animate duration [ms]
color	The ripple's background color