ember-bootstrap-toasts-manager is an Ember-addon that provides a simple mechanism for interaction with user using toasts. This addon is based on ember-bootstrap.
ember i ember-bootstrap-toasts-manager
Add next to your application.hbs:
<ToastsContainer />import Controller from '@ember/controller';
import { action } from '@ember/object';
import { inject as service } from '@ember/service';
import ToastsManager from 'ember-bootstrap-toasts-manager/services/toasts-manager';
export default class ApplicationController extends Controller {
@service toastsManager!: ToastsManager;
@action
showToast() {
this.toastsManager.showBaseToast({
title: 'Hello',
message: 'This is a toast message',
});
}
}Custom components could be used as well:
this.toastsManager.showToast(CustomToastComponent, {
title: 'Hello',
message: 'This is a toast message',
});Here CustomToastComponent is a component that will be used to render a toast.
Check components/toasts/base for an example of toast component. Also check Bootstrap Toasts #Custom Content docs.
ember-bootstrap@6bootstrap@5
Check demo-page