Radio

<label class="zui-radio">
<input type="radio" name="fruit" value="apple" checked />
Apple
</label>
<label class="zui-radio">
<input type="radio" name="fruit" value="banana" />
Banana
</label>
<label class="zui-radio">
<input type="radio" name="fruit" value="cherry" />
Cherry
</label>

<label class="zui-radio">
<input type="radio" name="fruit" value="apple" checked />
Apple
</label>
<label class="zui-radio">
<input type="radio" name="fruit" value="banana" />
Banana
</label>

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

<Radio name="fruit" value="apple" defaultChecked>Apple</Radio>
<Radio name="fruit" value="banana">Banana</Radio>

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

<Radio name="fruit" value="apple" checked>Apple</Radio>
<Radio name="fruit" value="banana">Banana</Radio>

<fieldset>
<legend class="zui-label">Favourite colour</legend>
<div class="zui-radio-list">
  <label class="zui-radio">
    <input type="radio" name="colour" value="red" />
    Red
  </label>
  <label class="zui-radio">
    <input type="radio" name="colour" value="blue" checked />
    Blue
  </label>
  <label class="zui-radio">
    <input type="radio" name="colour" value="green" />
    Green
  </label>
</div>
</fieldset>

<label class="zui-radio">
<input type="radio" name="disabled" disabled checked />
Disabled checked
</label>
<label class="zui-radio">
<input type="radio" name="disabled2" disabled />
Disabled unchecked
</label>