Widget de notificaciones Web de JavaScript puro-Notus

Tiempo de ejecución: 30 minutos. Empezar

Autor: kushalpandya
Views Total: 2,944
Sitio oficial: Ir a la web
Actualizado: August 13, 2018
Licencia: MIT

Vista prévia

Widget de notificaciones Web de JavaScript puro-Notus

Descripción

Notus es un widget de notificación web simple, flexible y totalmente personalizable para su proyecto Web. Construido usando JavaScript puro sin dependencia de jQuery. Le permite crear varios tipos de notificaciones, como tostadas, Snackbars y mensajes de alerta de estilo Growl.

Funcionamiento

Cargue el JavaScript y la hoja de estilo de Notus en la Página Web.

<link rel="stylesheet" href="src/notus.css">
<script src="src/notus.js" charset="utf-8"></script>

Envía una notificación web a tus usuarios.

myNotus = notus({ /* options */ })

Todas las opciones de configuración.

/* Type can be anything from; 'popup', 'toast' or 'snackbar' */
notusType: 'popup',











 /* Available positions for different notus types;

 'popup'






=> 'top-left', 'bottom-left', 'top-right' or 'bottom-right'

 'toast' & 'snackbar' => 'top' or 'bottom'
 */
notusPosition: 'top-right',







 /* Alert type can be; 'success', 'failure' or 'warning' */
alertType: 'success',










 /* Show close button to close Notus */
closable: true,













 /* Automatically close Notus once autoCloseDuration completes */
autoClose: true,













/* Milliseconds to wait before closing
*/
autoCloseDuration: 3000,









/* Animate while showing/hiding Notus */
animate: true,














/* Animation Type while showing/hiding Notus; it can be 'slide' or 'fade' */
animationType: 'slide'

Registro de cambios

08/13/2018

  • El ' mensaje ' de configuración ya no es opcional

Te puede interesar: