Ripple Button Demo

1import { RippleButton } from "@/registry/loomui/ripple-button"
2 
3export default function RippleButtonDemo() {
4  return (
5    <div className="flex flex-wrap items-center justify-center gap-4">
6      <RippleButton className="bg-primary text-primary-foreground rounded-md px-5 py-2.5 text-sm font-medium">
7        Press anywhere
8      </RippleButton>
9 
10      <RippleButton
11        color="color-mix(in oklch, var(--accent) 30%, transparent)"
12        className="border-border rounded-md border px-5 py-2.5 text-sm font-medium"
13      >
14        Tinted
15      </RippleButton>
16 
17      <RippleButton
18        duration={1100}
19        className="bg-card text-card-foreground rounded-full border px-5 py-2.5 text-sm font-medium"
20      >
21        Slow
22      </RippleButton>
23    </div>
24  )
25}