Switch

<div class="flex items-center gap-2">
  <input class="mv-switch" type="checkbox" id="switch"><label class="mv-label" for="switch">Auto update</label>
</div>

<div class="flex items-center gap-2">
  <input class="mv-switch mv-switch-mono" type="checkbox" id="switch" checked><label class="mv-label" for="switch">Checked</label>
</div>

<div class="flex items-center gap-2">
  <input class="mv-switch mv-switch-mono" type="checkbox" id="switch" disabled checked><label class="mv-label" for="switch">Disabled</label>
</div>

<div class="flex items-center gap-2">
  <input class="mv-switch" type="checkbox" aria-invalid="true" id="switch"><label class="mv-label" for="switch">Auto update</label>
</div>

<div class="flex items-center gap-2">
  <input class="mv-switch mv-switch-mono" type="checkbox" id="switch" checked><label class="mv-label" for="switch">Auto update</label>
</div>

<div class="space-y-4">
  <div class="flex items-center gap-2">
    <input type="checkbox" class="mv-switch mv-switch-sm" id="switch_1" checked value="1"><label class="mv-label" for="switch_1">Small</label>
  </div>
  <div class="flex items-center gap-2">
    <input type="checkbox" class="mv-switch" id="switch_2" checked value="1"><label class="mv-label" for="switch_2">Default</label>
  </div>
  <div class="flex items-center gap-2">
    <input type="checkbox" class="mv-switch mv-switch-lg" id="switch_3" checked value="1"><label class="mv-label" for="switch_3">Large</label>
  </div>
</div>

<form class="mv-form">
  <div class="mv-form-item">
    <div class="mv-form-control mv-form-control-inline">
      <input type="checkbox" class="mv-switch" id="check" value="1"><label class="mv-form-label" for="check">Auto update</label>
    </div>
    <div class="mv-form-description">Please provide update mode.</div>
    <div class="mv-form-message">You need to specify update mode.</div>
  </div>
  <div class="mv-form-actions justify-start">
    <button type="reset" class="mv-btn mv-btn-outline">Reset</button><button type="submit" class="mv-btn">Submit</button>
  </div>
</form>