Skip to main content

Variable: RippleButton

@arolariu/components


@arolariu/components / RippleButton

Variable: RippleButton

const RippleButton: ForwardRefExoticComponent<Omit<RippleButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>

Defined in: components/ui/ripple-button.tsx:43

Renders a pressable button that emits animated ripples from the click position.

Remarks

  • Animated component using the motion library
  • Renders a <button> element
  • Styling via CSS Modules with --ac-* custom properties
  • Client-side only ("use client" directive)

Example

<RippleButton>Click me</RippleButton>

See

RippleButtonProps for available props

// was this page useful?