ember-cli-growl

1.0.4 • Public • Published

Growl

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

Live Demo

Build Status

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

Legal

Copyright (c) 2014 Jerel Unruh

Licensed under the MIT license

Package Sidebar

Install

npm i ember-cli-growl

Weekly Downloads

6

Version

1.0.4

License

MIT

Last publish

Collaborators

  • jerel