React Ripples

The ripple effect. Ripples everywhere.

Attraction

  • ✅ Zero dependencies
  • ? Tiny and blazing fast (Pure Component)
  • ⚡ Typescript and definition file supported
  • ? SSR supported

Installation

$ npm install --save react-ripples
Sh

or

$ yarn add react-ripples
Sh

Usage

import Ripples from 'react-ripples'

render() {
  <Ripples>
    <button>Ripple Button</button>
  </Ripples>
}
React JSX

API

Props

static propTypes = {
  during: PropTypes.number,
  color: PropTypes.string,
}

static defaultProps = {
  during: 600,
  color: 'rgba(0, 0, 0, .3)',
}
JavaScript
Property Description
during The css animate duration [ms]
color The ripple's background color

GitHub

:swimmer: Material ripple effect. Ripples everythingRead More

Latest commit to the master branch on 12-15-2023
Download as zip