С технической стороны переключатель идентичен чекбоксу в HTLM, за исключением различий в их форме, а также более удобном использовании переключателя для работы на сенсорных устройствах. Функционал Ionic использует label, чтобы было проще нажимать на переключатель или перетаскивать его.

Переключателю можно задавать различные цвета, а также применять toggle-assertive для задания цвета активности переключателя.  

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

Ниже приведен пример использования нескольких переключателей в пределах одного списка. Обратите внимание на то, что класс item-toggle применяется вместе с item для каждой строки списка.

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