Easy, beautiful notifications for your Ember project.
ember install ember-notifier
Add the ember-notifier
component to your application template. This
container displays notifications.
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.
Demonstrate bug using the provided ember-twiddle.
git clone https://github.com/scottwernervt/ember-notifier
cd ember-notifier
npm install
npm run lint:hbs
npm run lint:js
npm run lint:js -- --fix
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
ember serve
- Visit the dummy application at http://localhost:4200.
For more information on using ember-cli, visit https://ember-cli.com/.
Created at favicon.io.
This project is licensed under the MIT License.