toast-emoji v0.0.7

\<toast-emoji>

Toast emoji is a toast web component, that randomly adds an emoji { 😁 } to your toast message.

How to Use

import "toast-emoji";

Or

import * from "toast-emoji"

Or

<script src="https://cdn.jsdelivr.net/npm/toast-emoji@0.0.1/src/index.min.js"></script>

Example

<toast-emoji
  type="sucess"
  message="This is a demo"
  position="bottom-left"
></toast-emoji>

See demo

• React Demo - https://codesandbox.io/embed/sharp-frost-0qny8?fontsize=14&hidenavigation=1&theme=dark

• Vue Demo - (In progress)

Attributes

• All attributes are optional

Events

• closed - event is emitted whenever toast get close by user action or by timeout

var toast = document.createElement("toast-emoji");

toast.addEventListener("closed", function() {
  alert();
});

Screenshots

• Dark mode - default
• Light mode
• Error mode