Complemento de notificación del sistema deslizante con Pure JS-Toasteo

Vista prévia

Descripción

Toasteo es un plugin de JavaScript vainilla para crear notificaciones del sistema configurables y deslizantes de varios tipos en la aplicación Web.

La notificación del sistema se deslizará automáticamente después de un cierto tiempo de espera. También puede cerrar la notificación del sistema manualmente haciendo clic en ella.

Funcionamiento

Instalar & descargar el paquete de Toasteo.

# NPM
$ npm install toasteo --save

Utilíla como módulo ES6.

import Toasteo from "toasteo";

O incluir la versión compilada y minimizada del Toasteo en la Página Web.

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

Cree las notificaciones del sistema que se desestimará automáticamente después de 4 segundos (4000ms).

window.Toasteo.success('Success toast');
window.Toasteo.error('Error toast');
window.Toasteo.warning('Warning toast');
window.Toasteo.info('Info toast');

Todas las opciones predeterminadas para personalizar la notificación del sistema.

let defaultOptions = {


prependTo: document.body.childNodes[0],


duration: 4000,


animateOnRemoving: true,


animationRemovingDuration: 400,


animateOnCreation: true,


closeOnClick: true,


classes: defaultClasses
};

Quite una notificación del sistema específica (sin animación).

let myNotification = window.Toasteo.error('Error toast');

myNotification.remove()

Cierre la notificación del sistema con una animación.

myNotification.close()

Registro de cambios

09/24/2018

• v1.0.7