Jquery Toast Plugin

Jquery Toast Plugin

A plugin to show highly customizable notifications to the user.

How to use

• You can install the plugin via Bower:

  bower install jquery-toast-plugin

  or via `npm`

  npm install jquery-toast-plugin

  Or directly download the repository and place the content of `dist` wherever you can access them.

• 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.

Demo

For some quick demos and a detailed documentation accompanied by the demos for each of the available options can be accessed through http://kamranahmed.info/toast

Quick usage examples

**Simple textual toast**

// Non sticky version
$.toast("Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic, consequuntur doloremque eveniet eius eaque dicta repudiandae illo ullam. Minima itaque sint magnam dolorum asperiores repudiandae dignissimos expedita, voluptatum vitae velit.")
// Sticky version
$.toast({
  text : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic, consequuntur doloremque eveniet eius eaque dicta repudiandae illo ullam. Minima itaque sint magnam dolorum asperiores repudiandae dignissimos expedita, voluptatum vitae velit.",
  hideAfter : false
})

**Toast using HTML as a text**

// Non sticky
$.toast("Let's test some HTML stuff... github")
// sticky
$.toast({
  text : "Remember! You can always introduce your own × HTML and CSS in the toast.",
  hideAfter : false
})

**Unordered list elements as the text of toast using array**

// Non sticky version
$.toast(["Ubuntu : One of it's kind", "Sublime Text : Productivity