{% comment %}
MD3 radio group: a body-small group label above a grid of radio rows (20dp
ring-and-dot controls, list-item style — no pill containers). Help text and
errors render as MD3 supporting text instead of the hover tooltip.
{% endcomment %}
<div class="fw-field fw-md3{% if field.errors %} fw-md3--error{% endif %}">
    {% if show_label != False and label != "" %}
        <span class="fw-md3-group-label">
            {{ label|default:field.label }}{% if show_required != False and required|default:field.field.required %}&nbsp;*{% endif %}
        </span>
    {% endif %}
    <div class="fw-checkbox-grid {{ grid_modifier }}">
        {% for radio in field %}
            <label for="{{ radio.id_for_label }}" class="fw-choice-label">
                <input type="radio"
                       name="{{ field.html_name }}"
                       id="{{ radio.id_for_label }}"
                       value="{{ radio.data.value }}"
                       {% if radio.data.selected %}checked{% endif %}
                       class="fw-choice-input fw-choice-input--radio"
                       {% if field.field.disabled %}disabled{% endif %}>
                <span class="fw-choice-text">{{ radio.choice_label }}</span>
            </label>
        {% endfor %}
    </div>
    {% if field.errors %}
        <div class="fw-md3-supporting">
            {% for error in field.errors %}<span>{{ error }}</span>{% endfor %}
        </div>
    {% elif show_help_text != False and help_text|default:field.help_text %}
        <div class="fw-md3-supporting">{{ help_text|default:field.help_text }}</div>
    {% endif %}
</div>