alternar iônica (switch)

Alternar Semelhante ao HTML marca a caixa de seleção, mas é mais fácil de usar em dispositivos móveis.

Interruptor pode ser usado para especificar uma cor toggle-assertiva.

<label class="toggle">
   <input type="checkbox">
   <div class="track">
     <div class="handle"></div>
   </div>
</label>

Este exemplo tem uma pluralidade de lista do alternador. Note-se que após a categoria de item para cada opção de adicionar classe de item-toggle.

<ul class="list">

  <li class="item item-toggle">
     HTML5
     <label class="toggle toggle-assertive">
       <input type="checkbox">
       <div class="track">
         <div class="handle"></div>
       </div>
     </label>
  </li>

  ...

</ul>

tente »

Os resultados operacionais são os seguintes: