Ripple
A button that creates a ripple effect on tap.
Made by imskyleenInstallation
Usage
API Reference
RippleButton
| Prop | Type | Default |
|---|---|---|
hoverScale? | number | 1.05 |
tapScale? | number | 0.95 |
...props? | HTMLMotionProps<"button"> | - |
RippleButtonRipples
| Prop | Type | Default |
|---|---|---|
color? | string | var(--ripple-button-ripple-color) |
scale? | number | 10 |
transition? | Transition | { duration: 0.6, ease: 'easeOut' } |
...props? | HTMLMotionProps<"span"> | - |
CSS Variables
| Prop | Type | Default |
|---|---|---|
--ripple-button-ripple-color? | color | - |