Componente de barra de notificación de estilo Atom-Dom-notifications

Vista prévia

Descripción

Dom-Notifications es un componente de barra de notificación que le permite crear y mostrar < a href = "https:/atom.io/" target = "_ blank" rel = "noopener" > Atom -Style información apilable/éxito/ADVERTENCIA/error mensajes de notificación en la pantalla.

Funcionamiento

Cree un paquete para el navegador browserify o instale el componente a través de NPM.

npm install dom-notifications --save

Incluya la fuente del icono de Octicons para los iconos de notificación.

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

Inicialice las notificaciones Dom.

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

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

Crear una barra de notificación de información predeterminada:

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

Cree una barra de notificación de ADVERTENCIA:

• tipo: información, ADVERTENCIA, error o éxito

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

Personalice las clases de iconos.

{

// options

icons: {


error: 'octicon octicon-flame',


warning: 'octicon octicon-alert',


info: 'octicon octicon-info',


success: 'octicon octicon-check',


close: 'octicon octicon-x'

}

Registro de cambios

08/30/2018

• actualizar