toastKing.js
A lightweight, zero-dependency JavaScript library for creating toast-like non-blocking notification bars on the web.

Demo
Download

All values of design attribute

moss
sunnyDays
anwar
plain
stripe
endlessRiver
instagram
ukraine
celestial
meredian

All values of type attribute, with plain design

danger
warning
success
ok
info
prohibited

borderVis attribute

borderVis:true
borderVis:false

shadowVis attribute

shadowVis:true
shadowVis:false

stopOnFocus attribute

stopOnFocus:true
stopOnFocus:false

progressBarVis attribute

progressBarVis:true
progressBarVis:false

onClick attribute

onClick:function(){alert('you clicked!')}
onClick:function(){}

onDismiss attribute

onDismiss:function(){alert('you dismissed!')}
onDismiss:function(){}

Default values of the attributes

AttributeValue
Message""
Duration5
progressBarVistrue
borderVisfalse
shadowVistrue
type"none"
design"plain"
stopOnFocustrue
onClickfunction(){}
onDismissfunction(){}

Installation: Put the following line at the end of body tag

<script src="https://rudraworks.github.io/toastKing/main.js"> </script>