# Toast The `` element is a [HTML custom element](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) for the purpose of sending an unobtrusive toast (or push) notification to your visitors. The `` wrapper-element is a [HTML custom element](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) for the purpose of managing a series of notifications at the bottom of the screen using the `` element. ## Use Cases The `` use cases include: * Sending an error push notification * Sending a success push notification * Sending any type of push notification ## The setup Triggering the toasts relies on setting the `visible` property to `true`. See the following example to see how this code is used in an example. ```js showToast = (toastID) => { const toast = document.querySelector(toastID); if (!toast.hasAttribute('visible')) { toast.setAttribute('visible', true); } }; ``` ## Example(s) ### Basic

Show default notification

Default notification with no error type

See code ```html Show default notification Default notification with no error type ```