This addon exposes an {{confetti-rain}} component for your ember application.
You can see it in action in this demo page.
Install the addon and insert the component in any template.
The component will start a confetti rain when rendered or you can toggle the rain by setting the isEnabled attribute.
By default z-index is set to max 32bit integer value, to override this you can set a custom class to the component and set your desired z-index value.
.my-confetti {
z-index: 10!important;
}Note that you need to use the !important suffix so the rule is applied correctly.
By default confetti-rain component will fill parent's container. If you want to render the component to fill the entire screen you can use ember-wormhole to achieve this.
$ ember install ember-wormholeAnd then you can change your templates like this
my-foo-component.hbs
And place the container at <body> level.
application.hbs
And that's it, now the parent container for the confetti-rain component will be the <body> tag.
To install the addon just run
$ ember install ember-confetti
$ git clone https://github.com/san650/ember-confetti
$ cd $_
$ yarn # (or npm install)
$ bower installRunning tests
$ npm test
The confetti idea is based on Linmiao Xu's codepen http://codepen.io/linrock/pen/Amdhr
ember-confetti is licensed under the MIT license.
See LICENSE for the full license text.