Confetti Button

A collection of spark button effects.

How to

The Confetti Button component is used to give a little spark to the button components. Clicking the button will animate the icons, creating a fun feedback effect.

The .confetti-btn__icon element (SVG) contains the animated icons. Each icon is a separate <path>. To use your own icons, create an SVG with 6 overlapping icons:

Categories

• Effects > Controls
• Controls
• Feedback

Bug report & feedback

Component Github page ↗