Lumeo

Confetti

Burst of colored particles emitted on demand via an imperative Fire() method. Perfect for celebrations and success states.

When to Use

  • Celebrate a user milestone (form submitted, goal reached, purchase complete).
  • Make a "tada" moment more memorable with a single confetti burst.
  • Use the imperative Fire() method via @ref to trigger programmatically.

API Reference

Property Type Default Description
ChildContentRenderFragment?nullContent inside the confetti container (e.g. a trigger button).
ParticleCountint80Number of confetti particles per burst.
Spreadint70Spread angle in degrees.
Colorsstring[]?nullHex colors for particles. Defaults to a festive palette.
OriginXdouble0.5Burst origin X (0–1, relative to element width).
OriginYdouble0.5Burst origin Y (0–1, relative to element height).
Imperative API: Capture a reference with @ref="_confettiRef" and call await _confettiRef!.Fire() from any event handler.
  • Sparkles — Always-on decorative sparkles around content.
  • Ripple — Concentric ring expansion from a center.