Getting StartedInstallation and setup guides 6
FormInput and selection components 26
LayoutWorkflow and structural layout components 10
NavigationMenu surfaces and hierarchical actions 7
OverlayModal and floating layer surfaces 3
FeedbackStatus, empty, progress, and loading placeholder patterns 6
UtilityGeneral-purpose interface utilities 7

Styling contract

CSS variables

--tng-confetti-z-index: 9999;
--tng-confetti-piece-size: 8px;
--tng-confetti-opacity: 1;
--tng-confetti-origin-x: 50%;
--tng-confetti-origin-y: 100%;
--tng-confetti-color-1: #ef4444; /* through color-5 */

Container overlay

For fullscreen=false, place the component inside an ancestor with position: relative and usually overflow: hidden.

Performance

Use the default count for routine feedback. The DOM renderer clamps requests to 300 pieces.