Web component implementing an adaptive and accessible toast nottifications.
Use PlaceToastsElement.js for example in your <head> element.
Anywhere in your HTML use
<place-toasts></place-toasts>…or with attrs
<place-toasts ui="auto" color-scheme="dark"></place-toasts>…in JS use for example
const toasts= document.getElementsByTagName("place-toasts")[0];
toasts.add_("Notification");Demonstration there PlaceToastsElement.
There is also documentation generated via Web Component Analyzer in wca folder.
This component supports customElementsInitiator.