Interruptores de estilo iOS para bootstrap 4-Custom switch
| Autor: | haubek |
|---|---|
| Views Total: | 2,823 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 18, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
Custom switch es una extensión CSS pura para el Framework bootstrap 4 que convierte las casillas regulares en botones de alternancia de estilo iOS (switches).
Funcionamiento
Inserte la hoja de estilo de Custom switch en su proyecto de bootstrap 4.
<link href="/path/to/bootstrap.min.css" rel="stylesheet"> <link href="dist/css/component-custom-switch.css" rel="stylesheet">
La estructura HTML requerida.
<div class="custom-switch custom-switch-label-io"> <input class="custom-switch-input" id="example_1" type="checkbox"> <label class="custom-switch-btn" for="example_1"></label> </div>
Establezca el estado inicial en ' sin marcar '. Con información marcada/desactivada.
<div class="custom-switch custom-switch-label-yesno"> <input class="custom-switch-input" id="example_3" type="checkbox"> <label class="custom-switch-btn" for="example_3"></label> <div class="custom-switch-content-checked"> <span class="text-success">I'm checked</span> </div> <div class="custom-switch-content-unchecked"> <span class="text-danger">I'm unchecked</span> </div> </div>
Registro de cambios
02/18/2019
- Bootstrap upgrade + estilo de accesibilidad
- Accesibilidad + requerido y estilo de validación
09/19/2018
- SM y XS tallas.
09/15/2018
- soporte para el atributo Disabled
