notific8 demo

notific8 is a highly customizable JavaScript notification plug-in. It comes with multiple themes built in. The Sass files can be included in a project for easy customizations. The plug-in also includes a jQuery wrapper for those who wish to use jQuery.

Use the fields below to test the different options for the plug-in.

To see the onInit(data), onCreate(notification, data), and onClose(notification, data) actions functioning, open your browser's developer tools' console view.

	Queue notifications Note: queuing is set for the plug-in settings and not passed in as an option on the notification.
Notification text
Sticky	(if checked, setting life below will be ignored)
Life	1 second5 seconds10 seconds (default)25 seconds60 seconds
Heading (optional)	(not available in Materialish theme)
Close text (optional)
Use an icon or image?	neithericonimage
Icon (optional) - provided by module	- None -trash-binpencillifebuoyinfo-circledfontawesome-webfontgithub-circlebarcodebookcalendarbriefcase-case-twocamera-retrochat-bubble-twocheck-mark-2cloudcloud-downloadcloud-uploadcodecode-forkcog-gearcss3cut-scissordropboxfacebook-squarefile-documentfilesfilmstripflagfolder2globe-worldgoogle-plusgroupheartinstagramhtml5like-filledlinkedin-squarelinklog-inlog-outmalepinterest-squarephotoqrcodepower-offrandomrepeat-redoreply-allreply-mailretweetrsssave-diskscience-laboratorystackoverflowskypestarstar-halfstar-half-1star-twotachometertag-2tickettalk-chat-2talk-chattumblr-squaretwitter-squareumbrellauservideo-cameravolume-downvolume-down-1volume-upwindow-listwindowsyoutube-squarelinuxandroidapplebar-chartbitbucketbox-inboxbullhornbugcompasscredit-cardcutlerydollareurobitcoinexclamation-triangleexternal-linkeyeeye-slash-closefacebookfile-textfilterfolder-opengoogle-plus-1github-squaregithubgears-settinggamepadharddrivehomeleaflocation-arrowmagic-wandmail-forwardmicmic-nomoon-sleepminus-circlepaper-clippin-mappin-map-2pinterestplane-airportpoundpresent-giftptintrefreshroadrss-tworupeeshieldsitemapsmilesmiley-frownsmiley-mehtablettagtagstasksthumbnailsthumbnails-largeundotumblrtwittertintwonwrenchyenyoutubeyoutube-playunlockunlock-2amazonapp-storebasecampbloggerevernotedropbox-1diggpandoraredditsteamstumbleuponvimeoiechromefirefoxsafari
Image (optional) - provided by module	Images are SVG files that are part of GitHub's Octicon icon set
Theme	legacy (default)ChicChatAtomicMaterialish
Notification height
Color	tealamethystrubytangerinelemonlimeebonysmokecobaltrubyhoneyshamrockamethystceruleanmustardonyxpeartomatotwilightlilrobotcupcakeeclairhoneycomblollypopmarshmallowstrawberrycreamsiclepurple-rainpeafowl
Position	top (default)bottom right (default)left
CSS Namespace	notific8 (default, only value available for the demo)
Use jQuery?	JavaScript  jQuery
	Test notific8