Confetti Button Demo

1import { ConfettiButton } from "@/registry/loomui/confetti-button"
2 
3export default function ConfettiButtonDemo() {
4  return (
5    <div className="flex flex-wrap items-center justify-center gap-4">
6      <ConfettiButton className="bg-primary text-primary-foreground rounded-md px-5 py-2.5 text-sm font-medium">
7        Ship it
8      </ConfettiButton>
9 
10      <ConfettiButton
11        count={34}
12        spread={140}
13        duration={1200}
14        className="border-border rounded-full border px-5 py-2.5 text-sm font-medium"
15      >
16        Bigger party
17      </ConfettiButton>
18 
19      <ConfettiButton
20        count={10}
21        spread={60}
22        colors={["#f472b6", "#c084fc", "#818cf8"]}
23        className="bg-card text-card-foreground rounded-md border px-5 py-2.5 text-sm font-medium"
24      >
25        Just a little
26      </ConfettiButton>
27    </div>
28  )
29}