ripple-effect-reactjs
v1.0.6
Published
An easy-to-use JavaScript library for creating a ripple effect on buttons and other elements. This library allows users to customize the color and speed of the ripple animation, and can be used as a wrapper element to add ripple effects to child elements
Downloads
182
Maintainers
Readme
Ripple-effect-reactjs
Simple modifiable ripple effect library for react.js
Demo
Live demo: https://ripple-effect-reactjs.netlify.app/
Install
npm i ripple-effect-reactjs
Usage
To app.js file add:
import RippleButton from "ripple-effect-reactjs";
function App() {
return (
<RippleButton color={black} speed={2000} radius={3} width={50}>
<button>Click me</button>
</RippleButton>
);
}
export default App;
Options
| Properties | values | default | | ---------- | :---------: | --------------: | | color | hex, rgb | rgb(83, 82, 82) | | speed | millisecond | 1000 | | radius | px | 2 | | width | percentage | 100 |