Toast

  1. Apps
  2. Toast
Toast Styles

It is Very Easy to Customize and it uses in your website apllication.

Deafult Message Information Heading Stack No Satcking Clear Toast
Toaster Animation

It is Very Easy to Customize and it uses in your website apllication.

Slide Fade Plain Closeable Non Closeable
Toaster Position

It is Very Easy to Customize and it uses in your website apllication.

Bottom left Bottom Right Bottom Center Top left Top Right Top Center Mid Center Value Position
Custom Toaster

It is Very Easy to Customize and it uses in your website apllication.

Warning Success Error Info Color Custom Class Page Says
Custom Settings

It is Very Easy to Customize and it uses in your website apllication.

Generate 

$.toast({
text: "Hey there fellas, here is a simple toast. Change the options above and then see the code that generates that toast",
heading: 'How to use',
icon: 'warning',
showHideTransition: 'fade',
allowToastClose: true,
hideAfter: 3000,
stack: 5,
position: 'bottom-left',
textAlign: 'left',
loader: true,
loaderBg: '#9EC600',
beforeShow: function () {},
afterShown: function () {}, 
beforeHide: function () {}, 
afterHidden: function () {}
});