Biblioteca de JavaScript ligera de snackbar-HotSnackbar
| Autor: | nakulrathore |
|---|---|
| Views Total: | 1,756 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 1, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
HotSnackbar es una biblioteca de JavaScript puro para crear material de diseño inspirado < a href = "https://material.io/guidelines/components/snackbars-toasts.html" target = "_ blank" rel = "noopener noreferrer" > snackbars que se muestran en la parte inferior de la pantalla cuando se activa.
Funcionamiento
Cargue la hoja de estilo ' hotsnackbar. css ' para los estilos básicos de los snackbars.
<link href="hotsnackbar.css" rel="stylesheet">
Cargue el archivo JavaScript ' hotsnackbar. css ' al final del documento para que las páginas se carguen más rápido.
<script src="hotsnackbar.js"></script>
La sintaxis básica de JavaScript.
<button onclick="hotsnackbar('hsdone', 'Something is Successfully Completed');">Something Done</button>
<button onclick="hotsnackbar('hswarning', 'Something is Wrong');">Warning</button>
<button onclick="hotsnackbar('hserror', 'It Didnt Happen');">Error</button>
<button onclick="hotsnackbar('hsheart', 'Product added to Wishlist');">Heart it</button>
<button onclick="hotsnackbar('hssad', 'I`m Sad');">i`m Sad</button>
<button onclick="hotsnackbar(false, 'i`m without any icon , love me');">no icon</button>
