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-ripplesor
$ yarn add react-ripplesUsage
import Ripples from 'react-ripples'
render() {
<Ripples>
<button>Ripple Button</button>
</Ripples>
}API
createRipples([defaultProps])
Extends default props without HOC
import { createRipples } from 'react-ripples'
const MyRipples = createRipples({
color: 'purple',
during: 2200,
})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 |