Toast

Toast's are the small pop-ups that we get once in a while when we perform any action. They get displayed for a second or two and are taken off of the viewport right after that. It is usually displayed at bottom of the screen

Failed to send message!!! Retry in 4 seconds.
Dismiss 

<div class="toast toast-bottom">
  <div class="toast-message">
    Failed to send message!!! <span>Retry in 4 seconds.</span>
  </div>
  <div class="toast-dismiss">
    Dismiss<i class="fas fa-times-circle"></i>
  </div>
</div>
Failed to send message!!! Retry in 4 seconds.
Dismiss
 Toast