# Toastr

[Toastr](https://codeseven.github.io/toastr) is a short-lived pop up that can be configured to show anywhere on a page and then automatically disappear after a configurable amount of time.

![Toastr for WireBootstrap](/files/-MZ-kg1x7_RsBMM-r63d)

## Installation

The Toastr for WireBootstrap library is located in `wire-toastr.js`.  This and other other related files can be installed from the NPM package registry at`@wirebootstrap/wire-toastr`.

```javascript
npm install @wirebootstrap/wire-toastr
```

Toastr for WireBootstrap will load `toastr.min.js` from a [CDN](https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js) if it's not found on the page.  

Toastr for WireBootstrap will load `toastr.min.css` from a [CDN](https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css) if not found on the page.  

## Class

Call `wire.toastr` directly to open the Toastr for WireBootstrap popup.

```javascript
 wire.toastr({
      message: "Hello"
  });
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.wirebootstrap.com/pro-pack/toastr.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.