Miss any of our Open RFC calls?Watch the recordings here! »

react-ripples

2.2.1 • Public • Published

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'
 
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

Install

npm i react-ripples

DownloadsWeekly Downloads

5,262

Version

2.2.1

License

MIT

Unpacked Size

38.7 kB

Total Files

14

Last publish

Collaborators

  • avatar