/Powdered_Toast

JS Based Toast Notification System

Primary LanguageCSS

Powdered-Toast

JS Toast Notifications

Version 1.0 - marble rye

A js based toast notification system.

Need to let someone know that their task is complete? Want to notify someone without shutting down the whole experience? Modal windows just not what you are looking for?

Dependencies

  • JQuery 1.9.1 or greater
  • powdered_toast.js
  • powdered_toast.css

Usasge

var toast = new Powdered_Toast( "size", "type", "location", "content");

Type:(string)

  • "success"
  • "error"
  • "info"

Size:(string)

  • "full"
  • "large"
  • "medium"
  • "small"

Location:(string)

  • "top left"
  • "top center"
  • "top right"
  • "bottom left"
  • "bottom center"
  • "bottom right"

Content:(string)

  • Any html formatted string can go in here.

Demo or Nothing

Customization

Animation and style customization can be done throught the included css file.

For the future

Dynamic ID's so that more than one toast note can be added if needed.