react-ripples
Material ripple effect, ripples everywhere
Live Demo
Attraction
- ✅ Zero dependencies
- 🚀 Tiny and blazing fast (Pure Component)
- ⚡ Typescript and definition file supported
- 🎨 Pure CSS animation
- 🌍 SSR supported
Installation
$ npm install --save react-ripples
or
$ yarn add react-ripples
Usage
import Ripples from 'react-ripples' { <Ripples> <button>Ripple Button</button> </Ripples>}
API
createRipples([defaultProps])
Extends default props without HOC
import createRipples from 'react-ripples' const MyRipples =
Props
static propTypes = during: PropTypesnumber color: PropTypesstring static defaultProps = during: 600 color: 'rgba(0, 0, 0, .3)'
Property | Description |
---|---|
during | The css animate duration [ms] |
color | The ripple's background color |