Simple notificación del sistema flexible en JavaScript-toastmejs
| Autor: | AlexSegen |
|---|---|
| Views Total: | 73 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 8, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
toastmejs es una biblioteca de notificación del sistema ligera, fácil, flexible y personalizable en JavaScript vainilla.
Características
- Temas sencillos y ligeros.
- Iconos personalizados.
- Variables de posición.
- Tiempo de espera personalizado.
- Éxito/error/ADVERTENCIA/tipos de información.
Funcionamiento
Instale & importar.
# NPM $ npm install toastjs --save
import toastme from 'toastjs'
O cargue directamente los siguientes archivos JS & CSS en el documento.
<link rel="stylesheet" href="./dist/css/toastme.css"/> <script src="./dist/js/toastme.js" ></script>
Cree una nueva instancia de toastme.
const myToast = new Toastme();
Cree la notificación del sistema.
myToast.success("This is a 'success' notification")
myToast.error("This is an 'error' notification")
myToast.warning("This is a 'warning' notification")
myToast.info("This is an 'info' notification") Configuración de la notificación del sistema invalidando los parámetros predeterminados de la siguiente manera:
const myToast = new Toastme({
timeout: 5000,
distanceX: 15,
distanceY: 15,
positionY: "bottom", // or 'top'
positionX:" right", // or 'left', 'center'
zIndex: 100,
ligh: false // light theme?
});
