Confetti overview
Confetti renders a lightweight decorative paper burst after a successful action without blocking clicks or focus.
Import
Component import
ts
import { TngConfetti } from '@tailng-ui/components';
Controlled celebration
Trigger the same controlled confetti behavior from a plain CSS or Tailwind-authored success surface.
Invoice success (plain CSS)
Invoice created successfully.
Invoice success (Tailwind)
Invoice created successfully.
Accessibility baseline
- The overlay is decorative, aria-hidden, and pointer-transparent.
- Announce success separately with a toast, alert, or live region.
- System reduced-motion preferences are honored by default.