Vanilla ES6 JavaScript Toast biblioteca de notificaciones-Toaster-JS
| Autor: | ZitRos |
|---|---|
| Views Total: | 2,192 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 25, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Toaster-JS es un plugin de JavaScript vainilla para mostrar diferentes tipos de popups notificación del sistema (información, mensaje, ADVERTENCIA, error, hecho) con animaciones basadas en CSS3.
Install it via NPM
$ npm install toaster-js
Funcionamiento
Impórtelo en su proyecto o incluya el archivo JavaScript UMD. js en su página HTML.
<script src="umd.js"></script>
Incluya la hoja de estilo principal en el encabezado de la página HTML.
<link rel="stylesheet" href="default.css">
Crear mensajes del sistema mediante el método Toast. Parámetros disponibles:
- mensaje: mensaje de notificación del sistema
- tipo: información, mensaje, ADVERTENCIA, error o hecho
- tiempo de espera: descarte automático después de un tiempo de espera específico
Toast(message, type, timeout)
Establezca el origen del eje Y de los mensajes del sistema.
configureToasts({
topOrigin: 0
}); Establezca el retardo de eliminación en milisegundos.
configureToasts({
deleteDelay: 300
}); Eliminar todas las notificaciones del sistema existentes.
deleteAllToasts()
Registro de cambios
09/25/2018
- Nuevo: pasa elementos HTML como contenido de la notificación
