Forms
Switch
square on and off toggle for settings.
new
Examples
<label class="switch">
<input type="checkbox" role="switch" checked>
<span>Notifications</span>
</label>
<label class="switch">
<input type="checkbox" role="switch">
<span>Vibrate</span>
</label>Disabled
<label class="switch">
<input type="checkbox" role="switch" disabled>
<span>Locked</span>
</label>Classes
| Class | What it does |
|---|---|
.switch | label wrapper |
.switch input | 44 by 24 track with a sliding square |