ember-notifier

Easy, beautiful notifications for your Ember project.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
ember-notifier
1330.1.35 years ago5 years agoMinified + gzip package size for ember-notifier in KB

Readme

ember-notifier
!Latest NPM releasenpm-badgenpm-badge-url !Licenselicense-badgelicense-badge-url !TravisCI Build Statustravis-badgetravis-badge-url !Ember Observer Scoreember-observer-badgeember-observer-badge-url !Code Climatecodeclimate-badgecodeclimate-badge-url !Dependenciesdependencies-badgedependencies-badge-url !Dev DependenciesdevDependencies-badgedevDependencies-badge-url
Easy, beautiful notifications for your Ember project.

Installation

ember install ember-notifier

Usage

Add the ember-notifier component to your application template. This container displays notifications.
{{ember-notifier position="is-top-right"}}
{{outlet}}

Inject the notifier service anywhere you want to launch a notification.
import Component from '@ember/component';
import { inject as service } from '@ember/service';

export default Component.extend({
  notifier: service(),
});

Notifications can be added by calling styled functions.
this.get('notifier').primary('Primary notification');
this.get('notifier').info('Information notification');
this.get('notifier').success('Success notification');
this.get('notifier').warning('Warning notification');
this.get('notifier').danger('Danger notification');
this.get('notifier').secondary('Secondary notification');

Custom notifications can be called using add().
this.get('notifier').add('Custom notification', { type: 'custom-class' });

All notifications can be cleared using empty().
this.get('notifier').empty();

Check out the documentation for more customization and options.

Contributing

Installation

  • git clone https://github.com/scottwernervt/ember-notifier
  • cd ember-notifier
  • npm install

Linting

  • npm run lint:hbs
  • npm run lint:js
  • npm run lint:js -- --fix

Running tests

  • ember test – Runs the test suite on the current Ember version
  • ember test --server – Runs the test suite in "watch mode"
  • ember try:each – Runs the test suite against multiple Ember versions

Running the dummy application


For more information on using ember-cli, visit https://ember-cli.com/.

Favicon

Created at favicon.io.

License

This project is licensed under the MIT License.