<!-- Radio-Button -->
<label class="radio" for="radio-56b2">
  <input class="radio__input" type="radio" id="radio-56b2" name="radio-56b2" /><span class="radio__indicator"></span><span class="radio__label">Radio</span></label>

{
  "text": "Radio",
  "checked": null
}

<!-- Radio-Button (ausgewählt) -->
<label class="radio" for="radio-739e">
  <input class="radio__input" type="radio" checked="checked" id="radio-739e" name="radio-739e" /><span class="radio__indicator"></span><span class="radio__label">Radio</span></label>

{
  "text": "Radio",
  "checked": true
}

<!-- Radio-Button (deaktiviert) -->
<label class="radio" for="radio-53ef">
  <input class="radio__input" type="radio" disabled="disabled" id="radio-53ef" name="radio-53ef" /><span class="radio__indicator"></span><span class="radio__label">Radio</span></label>

{
  "text": "Radio",
  "checked": null,
  "disabled": true
}

<!-- Radio-Button (deaktiviert, ausgewählt) -->
<label class="radio" for="radio-0bd3">
  <input class="radio__input" type="radio" checked="checked" disabled="disabled" id="radio-0bd3" name="radio-0bd3" /><span class="radio__indicator"></span><span class="radio__label">Radio</span></label>

{
  "text": "Radio",
  "checked": true,
  "disabled": true
}

<!-- Radio-Button (ungültig) -->
<label class="radio" for="radio-16b8">
  <input class="radio__input" type="radio" aria-invalid="true" id="radio-16b8" name="radio-16b8" /><span class="radio__indicator"></span><span class="radio__label">Radio</span></label>

{
  "text": "Radio",
  "checked": null,
  "invalid": true
}