# 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](https://795937403-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MGjmp6bcmNAsAEW4hIY%2F-MZ-isl6N6tej0bKlSlN%2F-MZ-kg1x7_RsBMM-r63d%2Fimage.png?alt=media\&token=f0d1f28a-04f1-4a5b-b130-ef07fea43dd3)

## 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"
  });
```