Toggle

On/off switch using a styled checkbox. Use .toggle on <input type="checkbox">.

Default

<div style="display:flex;gap:1.5rem;align-items:center;">
  <input class="toggle" type="checkbox" />
  <input class="toggle" type="checkbox" checked />
  <input class="toggle" type="checkbox" disabled />
</div>

Class Reference

Class	Description
.toggle	On/off switch — styled checkbox with pill track and sliding thumb