Skip to content

Latest commit

 

History

History
60 lines (37 loc) · 1.55 KB

README.md

File metadata and controls

60 lines (37 loc) · 1.55 KB

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