https://github.com/minthamie/more-confetti-addon

This addon provides you with an Ember helper that implements the canvas-confetti package
https://github.com/minthamie/more-confetti-addon

addon ember ember-addon emberjs hacktoberfest

Last synced: 3 days ago
JSON representation

This addon provides you with an Ember helper that implements the canvas-confetti package

• Host: GitHub
• URL: https://github.com/minthamie/more-confetti-addon
• Owner: MinThaMie
• License: mit
• Created: 2022-10-30T19:55:59.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-03T19:43:36.000Z (almost 2 years ago)
• Last Synced: 2024-09-30T08:41:45.271Z (3 days ago)
• Topics: addon, ember, ember-addon, emberjs, hacktoberfest
• Language: JavaScript
• Homepage: https://more-ember-confetti.netlify.app
• Size: 455 KB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
More Ember Confetti

==============================================================================

This addon provides you with an Ember helper that implements the [canvas-confetti package](https://www.npmjs.com/package/canvas-confetti). So you can call the `confetti`-helper in your template and pass along any attributes specified in the API.

Compatibility

------------------------------------------------------------------------------

* Ember.js v3.20 or above

* Ember CLI v3.20 or above

* Node.js v12 or above

Installation

------------------------------------------------------------------------------

```

ember install more-ember-confetti

```

Usage

------------------------------------------------------------------------------

You can use this helper like you would with any other EmberJS helper. 

```handlebars

{{confetti}}

```

## Use the custom options

- `interval` _Number (default: 2000)_: The time it will take for the confetti to fire again

- `continuous` _Boolean (default: true)_: The confitte will continue to pop when this is true.

- `originX` _Number (default:0.5)_: The x position on the page, with 0 being the left edge and 1 being the right edge. This is used to construct the `origin` object needed by the `canvas-confetti` API.

- `originY` _Number (default:0.5)_: The y position on the page, with 0 being the top edge and 1 being the bottom edge. This is used to construct the `origin` object needed by the `canvas-confetti` API.

## [🎉 Use any of the standard APIs](https://www.npmjs.com/package/canvas-confetti)

`particleCount`, `angle`, `spread`, `startVelocity`, `decay`, `gravity`, `drift`, `ticks`, `colors`, `shapes`, `scalar`, `zIndex` &

`disableForReducedMotion` 

Contributing

------------------------------------------------------------------------------

See the [Contributing](CONTRIBUTING.md) guide for details.

License

------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).