{% load ui_classes ui_props %}

<c-vars id="ui-tabs"
        default_value=""
        value=""
        activation="manual"
        orientation="horizontal"
        loop="True"
        panels=""
        class="" />
{% ui_class "ui.tabs" "root" orientation=orientation class=class as root_class %}
<div id="{{ id }}"
     x-data="UiTabs"
     x-bind="root"
     data-ui-tabs
     data-id="{{ id }}"
     data-default-value="{{ default_value }}"
     data-value="{{ value }}"
     data-activation="{{ activation }}"
     data-orientation="{{ orientation }}"
     data-loop="{{ loop }}"
     data-panels="{{ panels }}"
     data-class="{{ class }}"
     class="{{ root_class }}"
     {{ attrs }}>
    {{ slot }}
</div>