ionic Toggle (Toggle-Schalter)

Der Toggle-Schalter ähnelt dem HTML-Checkbox-Tag, ist aber auf Mobilgeräten einfacher zu bedienen.

Der Toggle-Schalter kann toggle-assertive verwenden, um eine Farbe festzulegen.

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

Dieses Beispiel ist eine Liste mit mehreren Toggle-Schaltern. Beachten Sie, dass Sie die Klasse item-toggle nach der item-Klasse jeder Option hinzufügen müssen.

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

Das Ergebnis sieht wie folgt aus: