react-ripples
Material ripple effect, ripples everywhere
## Attraction
- ✅ Zero dependencies
- 🚀 Tiny and blazing fast (Pure Component)
- ⚡ Typescript and definition file supported
- 🎨 Pure CSS animation
- 🌍 SSR supported
## Installation
```sh
$ npm install --save react-ripples
```
or
```sh
$ yarn add react-ripples
```
## Usage
```jsx
import Ripples from 'react-ripples'
render() {
}
```
## API
### createRipples([defaultProps])
Extends default props without HOC
```jsx
import { createRipples } from 'react-ripples'
const MyRipples = createRipples({
color: 'purple',
during: 2200,
})
```
### Props
```javascript
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 |