Simple Toggle Switch is not compatible with toggle-switch-text or Toggle Switch with Data Attributes.
Simple Toggle Switch Reverse
Add simple-toggle-switch-reverse to simple-toggle-switch to align the label text on the left. This utility should be used when you only have limited access to the toggle switch markup.
Toggle Switch with Data Attributes
Use data attributes data-label-on="" and data-label-off="" on <span class="toggle-switch-handle"></span> to display specific text when the switch is on and off.
Toggle Switch Text
Add additional text with class toggle-switch-text.
Toggle Switches with Icons
Add an icon to the switch for the on position with <span class="button-icon button-icon-on icon-volume-up toggle-switch-icon"></span>.
Add an icon to the switch for the off position with <span class="button-icon button-icon-off icon-volume-off toggle-switch-icon"></span>.
Toggle Switches with Icons (Alternate)
Add an icon to the switch for the on position with <span class="icon-ok toggle-switch-icon toggle-switch-icon-on"></span>.
Add an icon to the switch for the off position with <span class="icon-remove toggle-switch-icon toggle-switch-icon-off"></span>.
Disabled Toggle Switches
Disable a toggle-switch by adding the attribute disabled to <input type="checkbox">.
Toggle Switches with Label For Attribute
These are examples of toggle-switch using the <label for=""></label> pattern.