- โ Zero dependencies
- ๐ Tiny and blazing fast (Pure Component)
- โก Typescript and definition file supported
- ๐จ Pure CSS animation
- ๐ SSR supported
$ npm install --save react-ripples
or
$ yarn add react-ripples
import Ripples from 'react-ripples'
render() {
<Ripples>
<button>Ripple Button</button>
</Ripples>
}
Extends default props without HOC
import { createRipples } from 'react-ripples'
const MyRipples = createRipples({
color: 'purple',
during: 2200,
})
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 |