# 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.