Checkbox

<label class="zui-checkbox">
<input type="checkbox" checked />
Accept terms
</label>

<label class="zui-checkbox">
<input type="checkbox" checked />
Accept terms
</label>

import { Checkbox } from '@mrmartineau/zui/react'

<Checkbox defaultChecked>Accept terms</Checkbox>

---
import { Checkbox } from '@mrmartineau/zui/astro'
---

<Checkbox checked>Accept terms</Checkbox>

<fieldset>
<legend class="zui-label">Interests</legend>
<div class="zui-checkbox-list">
  <label class="zui-checkbox">
    <input type="checkbox" checked />
    Music
  </label>
  <label class="zui-checkbox">
    <input type="checkbox" />
    Sports
  </label>
  <label class="zui-checkbox">
    <input type="checkbox" checked />
    Travel
  </label>
  <label class="zui-checkbox">
    <input type="checkbox" />
    Reading
  </label>
</div>
</fieldset>

<label class="zui-checkbox">
<input type="checkbox" disabled checked />
Disabled checked
</label>
<label class="zui-checkbox">
<input type="checkbox" disabled />
Disabled unchecked
</label>