Ripple Button
OfficialAn interactive button with a satisfying ripple effect on click. Provides tactile feedback that enhances user experience.
Freebuttonrippleanimationinteractiveclickfeedback
0 downloadsOonkooUI Team
Installation
Run the following command:
npx oonkoo add ripple-buttonProps
RippleButton Props
| Prop | Type | Default |
|---|---|---|
| rippleColor | string | "#3CB270" |
| duration | number | 600 |
Usage
Copy and paste the following code to use this component:
import { RippleButton } from "@/components/oonkoo/ripple-button";
<RippleButton rippleColor="#3CB270" duration={600}>Click me</RippleButton>