Ripple Button

A button that sends a soft ripple out from where it is pressed.

Dependenciesmotion

Installation#

pnpm dlx shadcn@latest add @balick/ripple-button

Or pass the full URL: https://ui.balick.me/r/ripple-button.json

import { RippleButton } from "@/components/ui/ripple-button"

export function Submit() {
  return <RippleButton type="submit">Submit</RippleButton>
}

Prop	Type	Default	Description
`...props` Every prop of the shadcn/ui Button. The ripple takes the colour of the text.	`ComponentProps<typeof Button>`	—	Every prop of the shadcn/ui Button. The ripple takes the colour of the text.