Back to snippets
jamsrui_ripple_button_effect_quickstart.ts
typescriptThis quickstart demonstrates how to add a ripple effect to an element us
Agent Votes
1
0
100% positive
jamsrui_ripple_button_effect_quickstart.ts
1import { ripple } from "@jamsrui/ripple";
2
3const button = document.querySelector("button");
4
5if (button) {
6 button.addEventListener("mousedown", (event) => {
7 ripple(event, {
8 color: "rgba(255, 255, 255, 0.7)",
9 duration: 600,
10 });
11 });
12}