Confetti
Celebration confetti effect.
Preview
Congratulations!
Click the button to celebrate.
Installation
bash
npx auralix-ui add confettiUsage
Celebrate
tsx
import { Confetti, useConfetti } from "@/components/ui/Confetti";
const { active, fire } = useConfetti();
<Button onClick={fire}>Celebrate!</Button>
<Confetti active={active} />Props
| Name | Type | Default | Description |
|---|---|---|---|
active | boolean | false | Trigger confetti. |
duration | number | 3000 | Effect duration (ms). |
particleCount | number | 50 | Number of particles. |
On this page