@bvkimball/wired-toast NPM

wired toast

wired-toast

Hand-drawn sketchy toast web component.

For demo and view the complete set of wired-elememts: wiredjs.com

Usage

Add wired-toast to your project:

npm i wired-toast

Import wired-toast definition into your HTML page:

<script type="module" src="wired-toast/lib/wired-toast.js"></script>

Or into your module script:

import { WiredToast, showToast } from "wired-toast"

Use it in your web page:

<script type="module">
  import { showToast } from "wired-dialog"
  function getRandomInt(max) {
    return Math.floor(Math.random() * Math.floor(max))
  }
  let locations = ["top", "top-right", "bottom-right", "bottom", "bottom-left", "top-left"]
  showToast(`Showing toast`, 3000, locations[getRandomInt(6)])
</script>