Bonita biblioteca de notificaciones-naranja

Vista prévia

Descripción

Naranja es un plugin de notificación de JavaScript vainilla que se utiliza para la creación de popups de notificación de buen aspecto configurable, sin bloqueo, similar a la < a href = "https://developer.mozilla.org/en-US/docs/Web/API/notification" target = "_ blank" rel = "noopener" > notificación de escritorio .

Actualmente viene con 4 tipos de notificaciones: registro, ADVERTENCIA, éxito y error.

Funcionamiento

Importe los siguientes archivos JavaScript y CSS al documento.

<script src="/lib/naranja.min.js"></script>
<link rel="stylesheet" href="/lib/naranja.min.css">

La sintaxis de JavaScript.

naranja().log();
naranja().success();
naranja().warn();
naranja().error();

Agregue el título, el texto del mensaje y el icono a la notificación.

naranja().log({


// required

title: 'Notification Title',


// required

text: 'Notificaiton Message',


 // shows icon or not

icon: true


})

Decida si desea cerrar la notificación después de x segundos.

naranja().log({


// required

title: 'Notification Title',


// required

text: 'Notificaiton Message',


 // auto close after 3 seconds

// or 'keep'

timeout: 3000 or 'keep'

})

Agregue botones de acción personalizados a la notificación. Ventana emergente de confirmación útil.

naranja().log({


// required

title: 'Notification Title',


// required

text: 'Notificaiton Message',


 buttons: [


{



text: 'OK',



click: function (e) {




e.preventClose()




e.closeNotification()



}


},


{



text: 'Cancel',



click: function () {




// do something



}


}

]


})