Smooth snackbar & notificación del sistema en JavaScript-JS-snackbar

Vista prévia

Descripción

JS-snackbar es un plugin de JavaScript puro que le ayuda a crear snackbars de material Design inspirado sin bloqueo & notificaciones del sistema en la aplicación Web.

Con animaciones CSS suaves y duración opcional, estado, mensaje y mucho más.

See also:

• 10 mejores bibliotecas de JavaScript para notificaciones del sistema

Funcionamiento

Importar la hoja de estilo JS-snackbar. CSS y JavaScript JS-snackbar. js en el documento.

<link rel="stylesheet" href="css/js-snackbar.css">
<script src="js/js-snackbar.js"></script>

Crea una notificación básica de snackbar/Toast en la pantalla.

new Snackbar({


message: "Message Here"
});

Decida si desea mostrar un icono de cierre en la notificación.

new Snackbar({


message: "Message Here",


dismissible: true
});

Especifique el tiempo de espera en milisegundos. Valor pRojoeterminado: 5000ms.

new Snackbar({


message: "Message Here",


timeout: 3000
});

Cambie el tipo de notificación. Todos los tipos posibles:

• éxito (pRojoeterminado)
• Verde
• Advertencia
• Alerta
• Naranja
• Peligro
• Error
• Rojo

new Snackbar({


message: "Message Here",


status: "success"
});

Agregar acciones personalizadas:

new Snackbar({


message: "Message Here",


status: "success",


actions: [{



text: "Click Me!",



function: function(){




Alerta("A-C-T-I-O-N");



}


}]
});

Haga la notificación Sticky.

new Snackbar({


message: "Message Here",


status: "success",


fixed: true
});

Registro de cambios

04/02/2019

• Cree la opción "Fixed"

02/18/2019

• Simplemente la función de búsqueda de los niños