jamsrui_ripple_button_click_effect_quickstart.ts

1import { Ripple } from "@jamsrui/ripple";
2
3const button = document.querySelector<HTMLButtonElement>("#ripple-button");
4
5if (button) {
6  const ripple = new Ripple(button, {
7    color: "rgba(255, 255, 255, 0.5)",
8    duration: 600,
9    easing: "ease-out",
10  });
11
12  // The ripple effect is now attached to the button's click/pointer events.
13  // You can also manually trigger or destroy it:
14  // ripple.destroy();
15}