#Jquery Toast Plugin

A plugin to show highly customizable notifications to the user.

#How to use

• Include the CSS and JS files
• Simply do $.toast('Toast message to be shown') Of course it would be the world's simplest toast message but believe me you can do a lot more with the options.

To learn more about how to use and customize it, head to http://kamranahmedse.github.io/jquery-toast-plugin

You can simply download the repo or if you are in rush the minified CSS or non-minified CSS can be found and minified JS and non minified JS can also be found.

#Demo You can visit http://kamranahmedse.github.io/jquery-toast-plugin to view a number of demos, you can see how to use and also you can customize the plugin to match your needs.

#Features

• Custom toast background color and text color
• Ability to hack the CSS to add your own thing
• Text can be provided in the form of
  • Array (It's elements will be changed to an un ordered list)
  • Simple text
  • HTML
• Events support i.e. beforeHide, afterHidden, beforeShow, afterShown
• Fade and Slide show/hide transitions support (More to come)
• You can position the toast, wherever you want there is support for top-left, top-right bottom-left and bottom-right, top-center, bottom-center and mid-center ...sighs! That's a whole lot of options, isn't it? No, you say. Ok then here is the most exciting thing, you can also introduce your own positioning just by passing a simple js object containing { top: - , bottom: -, left: -, right: - }
• Ability to add sticky toast
• Optional stack length can be defined (i.e. maximum number of toasts that can be shown at once)

Please report any bugs or features you would like added.

#Upcoming You'll be soon seeing the following features added in the plugin

• Ability to add the icons through plugin options (Currently you can do so by custom CSS styles and passing HTML as the test), to make it a bit hasty