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.

NOTE: The demo page will be heavily refactored in version 3.7.0. It is currently not optimal but will be greatly improved in the next version as part of the lead up to version 4.0.0.

	Queue notifications Note: queuing is set for the plug-in settings and not passed in as an option on the notification.
Close All Text	Close All (default, only value available for the demo) provided by module
Theme	legacy (default)ChicChatAtomicMaterialish
Color	tealamethystrubytangerinelemonlimeebonysmokecobaltrubyhoneyshamrockamethystceruleanmustardonyxpeartomatotwilightlilrobotcupcakeeclairhoneycomblollypopmarshmallowstrawberrycreamsiclepurple-rainpeafowl
	Close All - provided by module - options from above are used
	Note: The close all module settings are only set in the first notification call
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