ember-cli-growl
v1.0.4
Published
A growl component for EmberJS that displays notifications and handles dismissal.
Downloads
10
Maintainers
Readme
Growl
A growl component for EmberJS that displays notifications and handles dismissal.
Installation
npm install --save-dev ember-cli-growl
Usage
Add the component to your application template:
{{growl-manager notifications=growl.notifications}}
Note: growl.notifications
references the service injected on the application
controller.
The growl
service is injected into all routes and controllers. This means
you can display messages like so: this.growl.error('An error message');
Message types:
this.growl.error('Message', [options]);
this.growl.info('Message', [options]);
this.growl.alert('Message', [options]);
Options
fadeIn
- Default:
true
- Fade new messages into view.
closeIn
- Default:
5000
- milliseconds until the message auto-closes
clickToDismiss
- Default:
false
- If set to
true
the message will not close until it is clicked. twitch
- Default:
false
- If set to
true
the message will animate.
To override the default CSS add app/styles/components/growl-manager.css
in your app. To override the HTML for a growl instance add app/templates/components/growl-instance.hbs
Authors
- Jerel Unruh
- Russel Quadros (Icons)
Legal
Copyright (c) 2014 Jerel Unruh