Drag and dropAdd the ConfettiBlock to any screen in your app.
Trigger itCall the ShowMeTheConfetti client action from a button, event, or screen logic to launch confetti.
ShowMeTheConfetti
Celebrate!Watch colorful confetti burst into the air. 🎉
If you prefer to add confetti directly to your app without using the block:
Add the confetti loader scriptInclude this snippet in a Script block
if (typeof confetti === 'undefined') { var script = document.createElement('script'); script.src = 'https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js'; script.onload = function() { window.confettiReady = true; }; document.head.appendChild(script); } else { window.confettiReady = true; }
Add the launch scriptThen, in your OnReady or OnClick event, use:
function launchConfettiWhenReady() { if (window.confettiReady) { confetti({ particleCount: 100, spread: 70, origin: { y: 0.6 } }); } else { setTimeout(launchConfettiWhenReady, 100); } } launchConfettiWhenReady();