jQuery Message Toaster

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

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

Key	Default Value	Use
color	#333	Text color of Toaster content.
background	#FFF	Background color of the toaster.
verticalPosition	bottom	Vertical position of toaster. Can take two values - top, bottom
horizontalPosition	right	Horizontal position of toaster. Can take two values - left, right
container	#toasterContainer	Element that holds the toaster html.
text	Hello !!	Text content of toaster.
width	290px	Width of toaster box.
height	40px	Height of toastr box.
padding	5px	Padding inside toaster box.
corderRadius	5px	Corner radius of toaster box.