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

API reference

TngConfetti

A standalone component exported as both TngConfetti and TngConfettiComponent.

Inputs

NameType / defaultPurpose
activeboolean / falseLaunch on a false-to-true transition.
origin'bottom' | 'center' / 'bottom'Burst origin.
variant'paper' / 'paper'V1 visual variant.
durationnumber / 3000Total lifecycle in milliseconds.
piecesnumber / 120Clamped to 0–300.
fullscreenboolean / trueViewport or positioned-container overlay.
reducedMotionboolean | 'auto' / 'auto'System preference or explicit override.
colorsstring[] | null / nullParticle palette.
zIndexnumber | null / nullOverlay stacking override.

Output

completed emits once after a launch. Reset active to false before launching again.