Ventana emergente de notificación mínima en JavaScript puro-notifications. js

Vista prévia

Descripción

notifications. js es un complemento de JavaScript independiente para crear ventanas emergentes de notificaciones hermosas, personalizables y flexibles inspiradas en el jQuery Toastr plugin.

Características

• 4 posición: arriba a la derecha, arriba a la izquierda, abajo a la derecha, y abajo a la izquierda.
• Auto se descarta después de un tiempo de espera.
• 5 temas: éxito, ADVERTENCIA, información, error y predeterminado.

Funcionamiento

Para empezar, importe los siguientes archivos JavaScript y CSS al documento.

<link rel="stylesheet" href="/dist/notifications.css">
<script src="/dist/notifications.js"></script>

Cree una nueva instancia de notificación.

const myNotification = window.createNotification({



// options here
});

Mostrar la ventana emergente de notificación con su propio mensaje.

myNotification({

 title: 'Title',

message: 'Notification Message'
 });

Opciones posibles para personalizar la ventana emergente de notificación según sus necesidades.

myNotification({


 // close on click

closeOnClick: true,


// displays close button

displayCloseButton: false,


// nfc-top-left

// nfc-bottom-right

// nfc-bottom-left

positionClass: 'nfc-top-right',


// callback

onclick: false,


// timeout in milliseconds

showDuration: 3500,


// success, info, warning, error, and none

theme: 'success'


});