React ripple click  !npm type definitions

Ripple effect for your buttons. Try interactive CodeSandbox demo or Storybook demo.

!UI example

Installation

``bash
npm install react-ripple-click
`

How to use

`jsx
import { Ripple } from 'react-ripple-click'
import 'react-ripple-click/dist/index.css'

const App = () => {
return (
style={{
position: 'relative',
overflow: 'hidden',
isolation: 'isolate',
}}
>

Click me

)
}
`

$3

Put to any parent element the following CSS custom properties to override the default ripple effect:

`css
:root {
--Ripple-custom-opacity: 0.2;
--Ripple-custom-duration: 0.6s;
--Ripple-custom-timing-function: ease-in;
--Ripple-custom-color: currentColor;
}
``