Toggle

A toggle technically is the same thing as an HTML checkbox input, except it looks different and is easier to use on a touch device. Ionic prefers to wrap the checkbox input with the <label> in order to make the entire toggle easy to tap or drag.

Toggles can also have colors assigned to them, such as toggle-assertive to assign the assertive color.

<labelclass="toggle"><inputtype="checkbox"><divclass="track"><divclass="handle"></div></div></label>

This is an example of multiple toggles within a list. Note the item-toggle class was added along side item for each item.

<ulclass="list"><liclass="item item-toggle">
     HTML5
     <labelclass="toggle toggle-assertive"><inputtype="checkbox"><divclass="track"><divclass="handle"></div></div></label></li>  ...

</ul>