Growl

A growl component for EmberJS that displays notifications and handles dismissal.

Live Demo

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

Licensed under the MIT license