Biblioteca de notificación de alertas de estilo Growl-Notyf

Vista prévia

Descripción

Notyf es una biblioteca JavaScript muy pequeña y fácil de usar que se utiliza para mostrar mensajes de notificación de alerta/éxito de estilo Growl en la pantalla. Receptivo, accesible y fácil de usar.

Funcionamiento

Cargue el JavaScript y la hoja de estilos de Notyf en el documento HTML.

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

Crea una nueva instancia de Notyf y estamos listos para irnos.

var notyf = new Notyf();

El código JavaScript para mostrar una notificación de alerta.

notyf.alert('Alert Message');

El código JavaScript para mostrar una notificación de éxito.

notyf.confirm('Success Message');

Opciones posibles.

var notyf = new Notyf({


// delay time

duration:2000,


// enable ripple effect

ripple: true,



types: [


{



type: 'warning', // Notification type



duration: 2000,



ripple: true,



message: 'custom message'



backgroundColor: 'orange',



className: '', extra CSS class



icon: {




className: 'material-icons',




tagName: 'i',




text: 'warning'



}


}

]


});

Registro de cambios

v3.0.0 (03/20/2019)

• Mejore el soporte a11y con el nuevo locutor a11y
• Implemente una API más extensible, pero sencilla y escalable
• Complete los términos de typescript actualizados
• Migre codebase a TypeScript
• Agregue el soporte adecuado para los módulos atadoras exponiendo diferentes artefactos (ES6, CommonJS, vida minificada)
• Añada pruebas E2E con Cypress
• Mover a Rollup para el flujo de trabajo de compilación
• Cambiar nombre de demora para duración
• Cambie el nombre de alerta por error
• Renombrar confirmar para éxito
• Eliminar opción confirmIcon
• Quite la opción alertIcon
• Suelte el soporte para Bower

v2.0.1 (05/30/2018)

• Añadir punto de entrada para CommonJS requiere. Ahora Notyf se puede importar como var Notyf = require (' notyf ')