ionic Toggle (interrupteur à bascule)

L'interrupteur à bascule est similaire à la balise checkbox HTML, mais il est plus facile à utiliser sur les appareils mobiles.

L'interrupteur à bascule peut utiliser toggle-assertive pour spécifier une couleur.

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

Cet exemple est une liste de plusieurs interrupteurs à bascule. Notez que vous devez ajouter la classe item-toggle après la classe item de chaque option.

<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>

L'effet d'exécution est le suivant :