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-urlEasy, beautiful notifications for your Ember project.
Installation
ember install ember-notifier
Usage
Add theember-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 versionember test --server
– Runs the test suite in "watch mode"ember try:each
– Runs the test suite against multiple Ember versions
Running the dummy application
ember serve
- Visit the dummy application at http://localhost:4200.
For more information on using ember-cli, visit https://ember-cli.com/.