//
An interactive wrapper component that triggers dynamic canvas particle animations on mouse clicks.
bun add xiod-ui1import { KineticClick } from "xiod-ui/kinetic-click";1<KineticClick>2</KineticClick>| Prop | Type | Default | Description |
|---|---|---|---|
variant | KineticClickVariant| undefined | "spark" | The animation variant to trigger on click. |
color | string| undefined | "currentColor" | The particle/effect color. Accepts standard hex, rgb, or "currentColor" to automatically inherit computed style colors of the clicked target. |
colorFrom | "text"| "auto"| "background"| "border"| undefined | "auto" | The style property to inherit color from when color is "currentColor". - "text": Inherits from computed text color. - "background": Inherits from computed background color. - "border": Inherits from computed border color. - "auto": Intelligently fallback from text -> background -> border (useful if text is neutral like white/black). |
count | number| undefined | - | Number of particles/ripples/structures to spawn. |
size | number| undefined | - | Custom scale/size metric for particles/ripples. |
duration | number| undefined | - | Overall animation duration in milliseconds. |
trigger | KineticClickTrigger| undefined | "mousedown" | Trigger event type. |