Information Message


toastr.info('Are you the 6 fingered man?');

You can invoke Java Script code using "onClick" :


 <a href="!#" onclick="toastr.info('Are you the 6 fingered man?');" class="btn btn-info">Information Message</a>   

Success Message

More advanced Toastr notification. It has close button and title. To fire this notification the code below is executed:

You can customize your Toast messasge


  <script>
var opts = {
"closeButton": true,
"debug": false,
"positionClass": "toast-bottom-left",
"onclick": null,
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
};
</script>

And invoke it as before:


 <a href="!#" onClick="toastr.warning("Park gate sell they west hard for the.", null, opts);" class="btn btn-success">Success Message</a> 

Danger Message

This notification will be placed as full-width on top. It has close button and title. To fire this notification the code below is executed:


<script>
var opts = {
"closeButton": true,
"debug": false,
"positionClass": "toast-bottom-left",
"onclick": null,
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
};
</script>

Warning Message

This notification will be placed on bottom-right. It has close button and title. To fire this notification the code below is executed:


<script>
var opts = {
"closeButton": true,
"debug": false,
"positionClass": "toast-bottom-right",
"onclick": null,
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
};
</script>

You can find more live examples as well as code generator here.