{% load ui_classes ui_props %}

<c-vars name=""
        value=""
        orientation="vertical"
        variant="default"
        indicator="True"
        placement="leading"
        disabled="False"
        required="False"
        invalid="False"
        loop="True"
        class="" />
{% ui_class "ui.radio" "group" orientation=orientation variant=variant class=class as group_class %}
<div x-data="UiRadioGroup"
     data-ui-radio-group
     data-orientation="{{ orientation }}"
     data-variant="{{ variant }}"
     data-placement="{{ placement }}"
     {% if not indicator|ui_bool %}data-indicator="false"{% endif %}
     {% if name %}data-name="{{ name }}"{% endif %}
     {% if value %}data-value="{{ value }}"{% endif %}
     {% if disabled|ui_bool %}data-disabled{% endif %}
     {% if required|ui_bool %}data-required{% endif %}
     {% if invalid|ui_bool %}data-invalid{% endif %}
     {% if not loop|ui_bool %}data-loop="false"{% endif %}
     role="radiogroup"
     aria-orientation="{{ orientation }}"
     class="{{ group_class }}"
     {{ attrs }}>
    {{ slot }}
</div>