Radio

<label class="radio-field">
  <input class="radio" type="radio" name="group" value="a" />
  <span class="radio-field__text">Option A</span>
</label>

<label class="radio-field">
  <input class="radio" type="radio" name="group" value="b" checked />
  <span class="radio-field__text">Option B</span>
</label>

<label class="radio-field is-disabled">
  <input class="radio is-disabled" type="radio" name="group" value="c" disabled />
  <span class="radio-field__text">Disabled option</span>
</label>

{% import "macros/ui.njk" as ui %}

{{ ui.radio("Option A", false, false, "default", "", "", "", "group", "a") }}
{{ ui.radio("Option B", true, false, "default", "", "", "", "group", "b") }}
{{ ui.radio("Disabled option", false, true, "default", "", "", "", "group", "c") }}

import { Radio } from "ui-foundations/react";

<Radio name="group" value="a" label="Option A" />
<Radio name="group" value="b" defaultChecked label="Option B" />
<Radio name="group" value="c" disabled label="Disabled option" />