Cargador de botones personalizable en JavaScript-BTN-Loader
| Autor: | aayush1408 |
|---|---|
| Views Total: | 684 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 27, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
BTN-Loader es una pequeña librería JavaScript libre de dependencias que reemplaza el botón normal con un indicador de carga personalizable al hacer clic.
Ideal para indicar el estado de carga cuando se realiza una acción.
Funcionamiento
Inserte los archivos del cargador BTN en el archivo HTML.
<link rel="stylesheet" href="dist/app.css"> <script src="dist/app.js" async></script>
Cree un cargador añadiendo la clase ' BTN-loader ' al botón y config el botón cargando con los siguientes atributos:
- Timer: cierre automático después de x segundos
- Tamaño: tamaño del cargador (SM, MD, LG, XL)
- espesor : espesor en píxeles
- color-cabeza: color de la cabeza
- color inferior: color inferior
- color-izquierda: color izquierdo
- color-derecha: color derecho
- texto-después: texto del botón cuando finalice la carga
<button class="btn-loader" timer="4" size="xl" thickness="16" color-head="red" color-bottom="#DC5B21" color-left="#70AB8F" color-right="#383127" text-after="Done"> Action Button </button>
