Snack bars inspirados en Android en Vanilla JavaScript-snack bar. js

Vista prévia

Descripción

La biblioteca JavaScript de snackbar. js le permite crear < a href = "https://wikicss.com/tag/snackbar/" > snackbars de estilo Android de varios tipos en la aplicación Web.

Funcionamiento

Instale el snackbar. js.

# NPM
$ npm install vanilla-snackbar --save

Importe el snackbar. js a su proyecto.

import Snackbar from 'vanilla-snackbar';

O importar el siguiente archivo JavaScript en la página web:

<script src="snackbar.min.js"></script>

Crear un mensaje de snackbar predeterminado que se desestimará automáticamente después de 5 segundos.

snack.message('Hello World');

Mostrar un mensaje que se debe quitar manualmente.

snack.stickyMessage('Acknowledge me!');

Mostrar un mensaje con un fondo verde (agrega la clase ' éxito ').

snack.success('You did it!');

Mostrar un mensaje con un fondo rojo (agrega la clase ' error ').

snack.error("Something didn't work");

Mostrar un mensaje con un fondo Orangish/amarillo (agrega la clase ' advertir ').

snack.warn("I'd be careful if I were you...");

Opciones posibles. Estas opciones se configurarán en todo momento a menos que se invalide por las opciones pasadas en cada llamada.

• manual_close: Booleana. Proporcionar un botón X cercano (verdadero) vs cierre cronometrado (falso)
• tiempo: MS de tiempo antes del cierre automático. (ignorado si manual_close: true)
• clase: Cadena que contiene las clases deseadas.

snack.message('Hello World',{

manual_close: false,

time: 5000,

class: null
});