Dependencies
This layout uses the following components as "atoms" to create the full UI.
JS:Confetti Container
Show some confetti for those successful events.
Confetti Bomb
Launch some confetti.
This layout uses the following components as "atoms" to create the full UI.
JS:Show some confetti for those successful events.
<div class="u-grid u-aspect--3x1.25 u-place-middle">
<div class="c-effects c-effects--confetti | u-grid-col-1 u-grid-row-1 u-h-10 u-w-60%" data-confetti></div>
</div>
Launch some confetti.
<button class="c-link-bare u-aspect--3x2 u-grid u-place-middle" id="example" x-on:click="confetti()">
Click, Click, Boom! 🎉
</button>