Toasts

The framework comes with a few basic 'toast' styles add this dynamically to the end of your markup.

<!-- toasts -->
<div class="toasts">
   <div class="toast drop-shadow fade-in-bottom">
      <div class="row">
         <div class="col v-a">
            <i data-feather="x" class="bg-danger br-full p icon "></i>
            <div class="m-l v-a ">Failure</div>
         </div>
      </div>
   </div>
   <div class="toast drop-shadow fade-in-bottom">
      <div class="row">
         <div class="col v-a">
            <i data-feather="check" class="bg-success  br-full  p icon "></i>
            <div class="m-l v-a ">Success</div>
         </div>
      </div>
   </div>
</div>
Failure
Success
laurel laurel

Join thousands of
satisfied customers

Try IgnitedCMS today!