Pequeña biblioteca inspirada en Google con vanilla JavaScript-ToastController. js

Vista prévia

Descripción

ToastController. js es una biblioteca de JavaScript vainilla sin dependencia que le permite crear notificaciones tostadas inspiradas en el diseño de materiales de Google con mensajes e iconos personalizados para sus aplicaciones Web.

Vista prévia

Cargue la hoja de estilos Toast-Controller. CSS y el archivo JavaScript Toast-Controller. js en el documento.

<link rel="stylesheet" href="toast-controller.css">
<script src="ToastController.js"></script>

Abra un nuevo Toast basado en los datos de configuración pasados como un mapa.

• {String} config.name: el nombre del Toast, que se usará para hacer referencia a él más adelante
• {String} config. Text: el texto que se va a mostrar dentro del Toast
• {String} config. Icon: el icono que se mostrará en el lado izquierdo del Toast
• {String} config. className: clase adicional que se agregará a las clases del Toast
• {ToastPriority} config. Priority: el nivel de prioridad que tiene el Toast, entre dos posibles prioridades: ToastPriority. HIGH o ToastPriority. LOW

ToastController.openToast({

text: "Hello World!"
 });

Cierre el mensaje del sistema.

ToastController.toast.close();

Personaliza el mensaje del brindis a través de SASS o LESS.

$toast_offset_left: 5px !default;
$toast_offset_bottom: 5px !default;
$toast_mobile_cutoff: 320px !default;
$toast_font_size: 16px !default;
$toast_font_size_mobile: $toast_font_size + 2px !default;
$toast_mobile_style_change: true !default;
// Colors
$toast_success_color: #4CAF50 !default;
$toast_error_color: #F44336 !default;
$toast_warn_color: #FFC107 !default;

Registro de cambios

09/22/2018

• Colocación de tostadas fijas en dispositivos móviles