Ripple Button
A stylish ripple button component with customizable colors and animation duration.
API
| Prop Name | Type | Default | Description |
|---|---|---|---|
class | string | - | Additional CSS classes for custom styling. |
rippleColor | string | "#ADD8E6" | Color of the ripple effect. |
duration | number | 600 | Duration of the ripple animation in milliseconds. |
Emits
| Event Name | Type | Description |
|---|---|---|
click | event | Click event |
Component Code
You can copy and paste the following code to create this component:
RippleButton.vue
Credits
- Inspired by Magic UI's Ripple Button component.
- Credits to kalix127 for porting this component.