Crear el estilo de material de diseño snackbars con JavaScript-SnackbarLight. js
| Autor: | joostLawerman |
|---|---|
| Views Total: | 4,194 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 31, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
SnackbarLight. js es una biblioteca de JavaScript ligera e independiente que se utiliza para mostrar Google material Design inspirado snackbars en la parte inferior de la pantalla.
¿Cómo funciona?
Para empezar, debe incluir la hoja de estilos snackbarlight. CSS y el archivo JavaScript snackbarlight. js en la página HTML.
<link href="dist/snackbarlight.css" rel="stylesheet"> <script src="dist/snackbarlight.js"></script>
Crea una nueva snackbar en tu pantalla.
new Snackbar("Hello World"); Alternar el snackbar con un botón de desencadenador con HTML5 datos atributos.
<span data-toggle=snackbar data-content="Hello World">Click me</span>
Hay varias opciones de configuración que puede pasar a los snackbars a través de JavaScript o HTML5 datos atributos.
// How long it takes for the snackbar to disappear timeout: 5000, // Wich class is used to tell that the snackbar is active activeClass: "active", // Name of the link or action if specified link: false, // If not used clicking will activate the callback or do nothing url: "#",
