Ripple Button

Ripple button that has a ripple effect on click.

Examples

Examples of the ripple button

examples.tsx

1import { RippleButton } from "@/registry/ui/ripple-button";
2
3export function RippleButtonExamples() {
4  return <RippleButton>Ripple</RippleButton>;
5}

Installation & source

Install via the shadcn CLI or copy the registry files manually.

Installing via CLI merges required CSS into your global stylesheet.

bash

npx shadcn@latest add @tt-ui/ripple-button

Props

Name	Type	Default	Description
children	React.ReactNode	Required	The content of the button