EffectService

Confetti

Imperative confetti service. Inject WrConfetti and call .fire() on a celebration event.

Import

import { WrConfetti } from 'ngwr/confetti';

Playground

Fire confettiTopBottomLeftRightTop leftTop rightBottom leftBottom right
private readonly confetti = inject(WrConfetti);

onWin(): void {
  this.confetti.fire({
    count: 80,
    spread: 60,
    velocity: 12,
    gravity: 0.35,
  });
}

Customize

Count
80
Spread (°)
60 °
Velocity
12
Gravity
0.35

API

NameDescriptionTypeDefault
WrConfetti.fire(opts?)Fires a confetti burst. Options: count, spread, angle (90 = up, 0 = right), velocity, gravity, drag, origin, colors, size, ttl.service method