0.0.6 • Published 4 years ago

jquery-message-toaster v0.0.6

Weekly downloads
2
License
MIT
Repository
github
Last release
4 years ago

jQuery Message Toaster

A simple easy to use jQuery based message toaster. Fully configurable, and customizable options available.

version npm PyPI

Download from npm

Run npm install jquery-message-toaster

How to use

  • Import toaster.js and use this code where you want to show the toaster
var toaster = new Toaster({
    'text': 'Hi',
    'color': '#FFF',
    'background': '#333',
    'verticalPosition': 'top',
    'horizontalPosition': 'right',
    'container' : '#id'
});
  • Use toaster.publish(); to show the toaster.

Configurable options available in Toaster

KeyDefault ValueUse
color#333Text color of Toaster content.
background#FFFBackground color of the toaster.
verticalPositionbottomVertical position of toaster. Can take two values - top, bottom
horizontalPositionrightHorizontal position of toaster. Can take two values - left, right
container#toasterContainerElement that holds the toaster html.
textHello !!Text content of toaster.
width290pxWidth of toaster box.
height40pxHeight of toastr box.
padding5pxPadding inside toaster box.
corderRadius5pxCorner radius of toaster box.