<c-ui.checkbox.group name="{{ name }}"
                     disabled="{{ disabled }}"
                     required="{{ required }}"
                     invalid="{{ invalid }}"
                     class="{{ class }}"
                     :attrs="attrs">
    {% for group in groups %}
        {% if group.label %}
            <c-ui.field.group>
                <c-ui.heading size="base">
                    {{ group.label }}
                </c-ui.heading>
                {% for option in group.options %}
                    <c-ui.checkbox.control value="{{ option.value }}"
                                           name="{{ option.name }}"
                                           label="{{ option.label }}"
                                           checked="{{ option.selected }}"
                                           disabled="{{ option.disabled }}"
                                           required="{{ option.required }}"
                                           invalid="{{ invalid }}"
                                           :attrs="option.attrs" />
                {% endfor %}
            </c-ui.field.group>
        {% else %}
            {% for option in group.options %}
                <c-ui.checkbox.control value="{{ option.value }}"
                                       name="{{ option.name }}"
                                       label="{{ option.label }}"
                                       checked="{{ option.selected }}"
                                       disabled="{{ option.disabled }}"
                                       required="{{ option.required }}"
                                       invalid="{{ invalid }}"
                                       :attrs="option.attrs" />
            {% endfor %}
        {% endif %}
    {% endfor %}
</c-ui.checkbox.group>