{% load ui_props %}

<c-vars value="on"
        name=""
        label=""
        description=""
        description_trailing=""
        error=""
        errors=""
        badge=""
        field_class=""
        checked="False"
        indeterminate="False"
        disabled="False"
        required="False"
        invalid="False"
        indicator="True"
        placement="leading"
        icon=""
        variant="default"
        size="md"
        input_class=""
        indicator_class=""
        indicator_icon_class=""
        icon_class=""
        content_class=""
        label_class=""
        description_class=""
        class="" />
<c-ui.field name="{{ name }}"
            description_trailing="{{ description_trailing }}"
            error="{{ error }}"
            :errors="errors"
            badge="{{ badge }}"
            required="{{ required }}"
            invalid="{% if invalid|ui_bool or error or errors %}True{% else %}False{% endif %}"
            disabled="{{ disabled }}"
            class="{{ field_class }}">
    <c-ui.checkbox.control value="{{ value }}"
                           name="{{ name }}"
                           label="{{ label }}"
                           description="{{ description }}"
                           checked="{{ checked }}"
                           indeterminate="{{ indeterminate }}"
                           disabled="{{ disabled }}"
                           required="{{ required }}"
                           invalid="{% if invalid|ui_bool or error or errors %}True{% else %}False{% endif %}"
                           indicator="{{ indicator }}"
                           placement="{{ placement }}"
                           icon="{{ icon }}"
                           variant="{{ variant }}"
                           size="{{ size }}"
                           input_class="{{ input_class }}"
                           indicator_class="{{ indicator_class }}"
                           indicator_icon_class="{{ indicator_icon_class }}"
                           icon_class="{{ icon_class }}"
                           content_class="{{ content_class }}"
                           label_class="{{ label_class }}"
                           description_class="{{ description_class }}"
                           class="{{ class }}"
                           :attrs="attrs" />
</c-ui.field>