Premium & Brand

Confetti

Canvas confetti that bursts from the pointer.

Import

tsx

import { Confetti } from "@cronus-ui/ui";

bash

npx cronus-ui add confetti

Click anywhere on the wrapper to fire a burst from the pointer. A no-op under reduced motion.

tsx

<Confetti className="grid min-h-40 place-items-center rounded-2xl border border-border bg-surface-raised">
  <Button>Celebrate</Button>
</Confetti>

Generated from the component's exported types.

Extends HTMLAttributes<HTMLDivElement>

Prop	Type	Default	Description
`ref`	`Ref<HTMLDivElement>`	—	—
`count`	`number`	`48`	Pieces spawned per burst.
`fireOnMount`	`boolean`	`false`	Fire a burst on mount.