react-ripples

by rwu823

rwu823 /react-ripples

:swimmer: Material ripple effect. Ripples everything

143 Stars 14 Forks Last release: almost 3 years ago (v1.1.0) MIT License 119 Commits 7 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

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() { Ripple Button }

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 |

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.