Toast

Toasts inform users of a process that an app has performed or will perform. They appear temporarily, towards the bottom of the screen. This component can be used as Toast as well. Toast is mostly used to show feedback message. Snackbar is to used show message that need user action. This requires the enigma.js to be imported.

Simple Toast

This toast should be a direct child of the body. Create a container with .toast and inside it there will be 3 containers .toast-icon for the icon to display (optional) , .toast-content for any content the user wants to put which is totally customizable and .toast-action which will have the buttons to interact with the modal mostly hode toast. Example shown below.