Atom Style Notification Bar Component – dom-notifications

Category: Javascript , Notification , Recommended | August 30, 2018
Author: finnp
Views Total: 459 views
Official Page: Go to website
Last Update: August 30, 2018
License: MIT

Preview:

Atom Style Notification Bar Component – dom-notifications

Description:

dom-notifications is a notification bar component which lets you create and display Atom-style stackable info/success/warning/error notification messages on the screen.

How to use it:

Create a bundle for the browser browserify or install the component via NPM.

npm install dom-notifications --save

Include the Octicons icon font for the notification icons.

<link rel="stylesheet" href="/path/to/octicons.min.css">

Initialize the dom-notifications.

var domNotifications = require('dom-notifications')
var notifications = domNotifications(options)

document.body.appendChild(notifications.element())

Create a default info notification bar:

notifications.add({message: 'Info message'})

Create a warning notification bar:

  • type: info, warning, error or success
notifications.add({message: 'Warning Message', type: 'warning'})
// or 
notifications.warning('Warning Message')

Customize the icon classes.

{
  // options
  icons: {
    error: 'octicon octicon-flame',
    warning: 'octicon octicon-alert',
    info: 'octicon octicon-info',
    success: 'octicon octicon-check',
    close: 'octicon octicon-x'

}

Changelog:

08/30/2018

  • Update

You Might Be Interested In:


Leave a Reply