Davidson Styleguide

Radio Buttons: Disabled 

<fieldset class="radio radio--disabled" disabled="disabled">
    <legend>Radio Buttons</legend>
    <ul>
        <li>
            <label for="input405ope1kllpc7pc0">
                    <input id="input405ope1kllpc7pc0" name="radio" type="radio" checked="checked">
                    Radio Item One
                </label>
        </li>
        <li>
            <label for="input405ope1kllpc7pc1">
                    <input id="input405ope1kllpc7pc1" name="radio" type="radio" >
                    Radio Item Two
                </label>
        </li>
        <li>
            <label for="input405ope1kllpc7pc2">
                    <input id="input405ope1kllpc7pc2" name="radio" type="radio" >
                    Radio Item Three is remarkably long and will probably wrap on some screens if they are small enough
                </label>
        </li>
        <li>
            <label for="input405ope1kllpc7pc3">
                    <input id="input405ope1kllpc7pc3" name="radio" type="radio" >
                    Radio Item Four
                </label>
        </li>
    </ul>
</fieldset>
 
{% if radio is not empty %}
<fieldset class="radio {{ radio.variant }}"{% if radio.required %} aria-required="true"{% endif %}{% if radio.disabled %} disabled="disabled"{% endif %}>
    <legend>{{ radio.legend }}</legend>
    <ul>
        {% for item in radio.items %}
            {% set input_id = 'input'|uniqid %}
            <li>
                <label for="{{ input_id }}">
                    <input id="{{ input_id }}" name="radio" type="radio" {% if item.checked %}checked="checked"{% endif %}>
                    {{ item.label }}
                </label>
            </li>
        {% endfor %}
    </ul>
</fieldset>
{% endif %}
 
{
  "radio": {
    "legend": "Radio Buttons",
    "items": [
      {
        "label": "Radio Item One",
        "checked": true
      },
      {
        "label": "Radio Item Two"
      },
      {
        "label": "Radio Item Three is remarkably long and will probably wrap on some screens if they are small enough"
      },
      {
        "label": "Radio Item Four"
      }
    ],
    "variant": "radio--disabled",
    "disabled": true
  }
}

These radio buttons can be used in forms to collect data. They are not intended to be used as a standalone pattern. The required, disabled, error, and valid states are provided to be applied to radio buttons by form applications as needed.