Checkbox

<div class="flex items-center gap-2">
  <input type="checkbox" class="mv-checkbox" id="check" value="1"><label class="mv-label" for="check">Accept terms and conditions</label>
</div>

<div class="flex items-center gap-2">
  <input type="checkbox" class="mv-checkbox" id="check" checked value="1"><label class="mv-label" for="check">Accept terms and conditions</label>
</div>

<div class="flex items-center gap-2">
  <input type="checkbox" class="mv-checkbox" disabled id="check" checked value="1"><label class="mv-label" for="check">Accept terms and conditions</label>
</div>

<div class="flex items-center gap-2">
  <input type="checkbox" class="mv-checkbox" id="check" value="1"><label class="mv-label" for="check">Accept terms and conditions</label>
</div>

<div class="flex items-center gap-2">
  <input type="checkbox" class="mv-checkbox mv-checkbox-mono" id="check" checked value="1"><label class="mv-label" for="check">Accept terms and conditions</label>
</div>

<div class="space-y-4">
  <div class="flex items-center gap-2">
    <input type="checkbox" class="mv-checkbox mv-checkbox-sm" id="check_1" checked value="1"><label class="mv-label" for="check_1">Small</label>
  </div>
  <div class="flex items-center gap-2">
    <input type="checkbox" class="mv-checkbox" id="check_2" checked value="1"><label class="mv-label" for="check_2">Default</label>
  </div>
  <div class="flex items-center gap-2">
    <input type="checkbox" class="mv-checkbox mv-checkbox-lg" id="check_3" checked value="1"><label class="mv-label" for="check_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-checkbox" id="check" value="1"><label class="mv-form-label" for="check">Accept terms and conditions</label>
    </div>
    <div class="mv-form-description">
      Please accept the terms and conditions.
    </div>
    <div class="mv-form-message">You need to agree to proceed.</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>