Toastr

It is a growl type non-blocking notification.
Basic Toastr
Position Toastr
With Close Toastr
Animation

Code Here:

                  
<h5>Basic Toastr</h5>
<button type="button" class="btn btn-lg d-block w-100 btn-light-success text-success font-medium" id="ts-success">Success</button>
<h5 class="mt-3">Position Toastr</h5>
<button type="button" class="btn btn-lg d-block w-100 btn-light-info text-info font-medium" id="pos-top-center">Top Center</button>
<h5 class="mt-3">With Close Toastr</h5>
<button type="button" class="btn btn-lg d-block w-100 btn-light-success text-success font-medium" id="close-button">Toast with close button</button>
<h5 class="mt-3">Animation</h5>
<button type="button" class="btn btn-lg d-block w-100 btn-light-info text-info font-medium" id="slide-toast">slideDown - slideUp</button>
                  
                

Required Files For Toastr Here

                  
<!-- CSS Here -->
<link href="../../package/assets/extra-libs/toastr/dist/build/toastr.min.css" rel="stylesheet">

<!-- Javascript Here -->
<script src="../../package/assets/extra-libs/toastr/dist/build/toastr.min.js"></script>
<script src="../../package/assets/extra-libs/toastr/toastr-init.js"></script>
                  
                
All Rights Reserved by MaterialPro. Designed and Developed by WrapPixel.