Skip to Content
šŸŽ‰Introducing Pumki UI

Ripple Button

A button that shows a ripple effect on click.

Pumki UIPumki UI

Installation

Usage


1import { RippleButton } from '@/components/pumki-ui/buttons/ripple';

1<RippleButton>Button</RippleButton>

Props

PropTypeDefaultDescription
scale?number10Ripple scale factor
transition?Transition{ duration: 0.6, ease: "easeOut" }Animation config
rippleClassName?string-Class for ripple effect
className?className-Class for root element
childrenReact.ReactNode-Button content
Last updated on