Ripple

1import { Ripple } from "@/components/motion/ripple"2import { Button } from "@/components/ui/button"34export function Example() {5  return (6    <Ripple7      className="inline-flex rounded-md"8      duration={650}9      opacity={0.28}10      color="currentColor"11      centered={false}12    >13      <Button>Press me</Button>14    </Ripple>15  )16}

1import { Ripple } from "@/components/motion/ripple"23export function Example() {4  return (5    <Ripple6      className="flex h-40 w-full max-w-sm items-center justify-center rounded-xl border border-border bg-muted/50"7      duration={650}8      opacity={0.28}9      color="#71717a"10      centered={false}11    >12      <span className="text-sm text-muted-foreground">Press anywhere</span>13    </Ripple>14  )15}