Jazz

Switch

A toggle switch using <input type="checkbox" class="switch">.

Default

<input type="checkbox" class="switch" />

Checked

<input type="checkbox" class="switch" checked />

With label

Notifications Dark mode

<label>
  <input type="checkbox" class="switch" checked />
  Notifications
</label>
<label>
  <input type="checkbox" class="switch" />
  Dark mode
</label>

Disabled

<input type="checkbox" class="switch" disabled />
<input type="checkbox" class="switch" disabled checked />