# dp-toast A transient notification host. It stacks short messages in the bottom-right corner and fades each one out. `Application.js` creates a single instance, reachable as `app.toast`. Source: `static/js/components/AppToast.js`. ## Methods | Method | Description | |---|---| | `show(message, options)` | Display `message`. Options: `type` (`info`, `success`, `warning`, `error`; default `info`), `ms` (lifetime in milliseconds, default `3000`), and either `url` (navigate on click) or `onClick` (handler) to make the toast clickable. Returns the toast element. | ## Usage ```html <dp-toast></dp-toast> ``` ```javascript app.toast.show("Saved", { type: "success" }); app.toast.show("Something went wrong", { type: "error", ms: 5000 }); ``` The element renders nothing until `show` is called.
Live example