Ember-addon that provides a simple mechanism for interaction with user using toasts.
npm install ember-bootstrap-toasts-manager
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:
``html`
`typescript
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 declare toastsManager: ToastsManager;
@action
showToast() {
this.toastsManager.showBaseToast({
title: "Hello",
message: "This is a toast message",
});
}
}
`
Custom components could be used as well:
`typescript`
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@6
-
Check demo-page