Biblioteca de notificaciones simple en Vanilla JavaScript-Notify. js
| Autor: | gokulkrishh |
|---|---|
| Views Total: | 2,568 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 10, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Notify. js es una biblioteca de JavaScript Pure Vanilla para mostrar mensajes personalizados en las barras de notificación que se descartan automáticamente después de un cierto tiempo de espera.
¿Cómo funciona?
Cargue Notify. js en la página HTML.
<script src="notify.js"></script>
Mostrar un mensaje de éxito.
notify.show('Success message', 'success', 5000); Mostrar un mensaje de error.
notify.show('Error message', 'error', 3000); Estilo de las barras de notificación.
.notify-container {
width: 300px;
height: 59px;
position: fixed;
top: 2px;
right: 0;
left: 0;
margin: 0 auto;
z-index: 9999;
display: none;
}
.notify-container .notify {
text-align: center;
opacity: 1;
z-index: 10;
line-height: 3.2em;
border-radius: 2px;
font-size: 17px;
color: white;
margin-bottom: 10px;
font-family: 'Roboto', sans-serif;
}
.notify.error { background: #de4343; }
.notify.success { background: #008000; }
