{% load ui_props ui_classes %}

<c-vars label=""
        size="lg"
        variant="outline"
        radius="md"
        description=""
        description_trailing=""
        error=""
        errors=""
        badge=""
        field_class=""
        class="" />
{% ui_class "ui.input" "group" size=size variant=variant radius=radius class=class as group_class %}
<c-ui.field label="{{ label }}"
            description="{{ description }}"
            description_trailing="{{ description_trailing }}"
            error="{{ error }}"
            :errors="errors"
            badge="{{ badge }}"
            class="{{ field_class }}">
    <div data-ui-control
         data-ui-input-group
         data-variant="{{ variant }}"
         data-radius="{{ radius }}"
         class="{{ group_class }}"
         {{ attrs }}>
        {{ slot }}
    </div>
</c-ui.field>