Confetti button
Inherits every Button prop and adds a confetti burst on click. Pick where it fires: around the button, inside it, or over the whole page.
Try it
Usage
TSX
import { ConfettiButton } from "kora-ui/client";
<ConfettiButton confettiOrigin="around" variant="primary">
Celebrate
</ConfettiButton>
<ConfettiButton
confettiOrigin="page"
colors={["#ff0080", "#7928ca", "#00dfd8"]}
particleCount={200}
>
Launch
</ConfettiButton>Props
| Prop | Type | Default |
|---|---|---|
| confettiOrigin | "around" | "inside" | "page" | "page" |
| particleCount | number | 120 |
| spread | number | 70 |
| colors | string[] | vibrant mix |
| ...Button | ButtonProps | — |