Mejora de entrada de CheckBox animada en Vanilla JavaScript-Checkbix
| Autor: | urre |
|---|---|
| Views Total: | 2,169 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 22, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Checkbix es una pequeña biblioteca de JavaScript vainilla que se utiliza para crear entradas de casilla de verificación personalizables, animadas y agradables para su formulario HTML.
Funcionamiento
Coloque el código de JavaScript y la hoja de estilos de Checkbix en su página HTML.
<link rel="stylesheet" href="dist/css/checkbix.min.css"> <script src="dist/js/checkbix.min.js"></script>
Inicialice Checkbix y estamos listos para irnos.
Checkbix.init();
Agregue la clase CSS ' checkbix ' a las entradas de casilla de verificación predeterminadas y pase las opciones de personalización de Checkbix a través de HTML5 datos atributos de la siguiente manera:
- Data-Text = "Checkbix": texto de etiqueta personalizado
- Data-size = "Large": el tamaño de la casilla de verificación
- Data-Shape = "círculo": casilla circular
- Data-color = "Black": casilla de verificación de color
- Data-Arialabel = "Checkbix": el texto Aria able
<input id="mycheckbox" type="checkbox" class="checkbix" data-text="Checkbix" data-size="large" data-shape="circled" data-color="black" data-arialabel="Checkbix">
