jQuery Mobile - Slider Flip Toggle Switch

The flip switch can be created by adding data-role = "slider" attribute in your <select>.

To set the theme swatch for your slider flip switch, you can add data-theme and data-track-theme attributes to the <select>.

For compact version of flip switch, you can add data-mini = "true" attribute to your <select>.

You can disable the flip switch by adding disabled attribute to your <select>.

You can hide the label of the flip switch by adding the ui-hidden-accessible class to your <label>.

Adding ui-field-contain class to the div will ensure that the form to display flip switch will be rendered responsively.

The ui-field-contain class can be added to mini flip switch to render it responsively.