The best ionic toggle (switch) Tutorial In 2024, In this tutorial you can learn ionic toggle (switch)

ionic toggle (switch)

Switch Similar to HTML tags the checkbox, but it is easier to use on mobile devices.

Switch can be used to specify a color toggle-assertive.

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

This example has a plurality of switch list. Note that after the item category for each option to add item-toggle class.

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

  /en.

</ul>

Operating results are as follows:

ionic toggle (switch)
10/30