<label class="radio" for="radio-3cad"><input class="radio__input" type="radio" id="radio-3cad" name="radio-3cad" /><span class="radio__indicator"></span><span class="radio__label">Default</span></label>

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

<label class="radio" for="radio-06a7"><input class="radio__input" type="radio" checked="checked" id="radio-06a7" name="radio-06a7" /><span class="radio__indicator"></span><span class="radio__label">Checked</span></label>

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

<label class="radio" for="radio-a772"><input class="radio__input" type="radio" disabled="disabled" id="radio-a772" name="radio-a772" /><span class="radio__indicator"></span><span class="radio__label">Disable</span></label>

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

<label class="radio" for="radio-5c4a"><input class="radio__input" type="radio" checked="checked" disabled="disabled" id="radio-5c4a" name="radio-5c4a" /><span class="radio__indicator"></span><span class="radio__label">Disable</span></label>

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

<label class="radio" for="radio-2234"><input class="radio__input" type="radio" aria-invalid="true" id="radio-2234" name="radio-2234" /><span class="radio__indicator"></span><span class="radio__label">Error</span></label>

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