Nietzsche's Preposterous Moustache

npm

Does your artifact manager get in the way? Join us on Oct. 8 at 10am PT, to discuss how npm can help.Sign up »

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

867

version

2.2.1

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability