react-dom-confetti


Trigger confetti explosions on state transitions:

``js
import Confetti from 'react-dom-confetti';

// in render

`

This component will trigger a confetti explosion every time the prop active goes from a falsy to truthy value.

Demo

- angle - direction of the explosion in degrees, defaults to 90.
- spread - spread of the explosion in degrees, defaults to 45.
- startVelocity - Initial velocity of the particles, defaults to 45.
- width: - width of the confetti elements
- height: - height of the confetti elements
- elementCount - Number of particle elements, defaults to 50.
- decay - deprecated - Decrease in velocity per frame, defaults to 0.9 (Use of this will disable dragFriction)
- dragFriction - Decrease in velocity proportional to current velocity, default to 0.1
- delay - deprecated Use stagger instead.
- stagger - Delay for each fetti in milliseconds, defaults to 0.
- random - Randomization function, defaults to Math.random
- colors - An array of color codes, defaults to ['#a864fd', '#29cdff', '#78ff44', '#ff718d' '#fdff6a']`

License MIT, copyright Daniel Lundin 2017