Tab

<twig:ui:Tab class="w-full">

    <twig:ui:Tab:List>

        <twig:ui:Tab:Trigger value="tab1">

            tab1

        </twig:ui:Tab:Trigger>

        <twig:ui:Tab:Trigger value="tab2">

            tab2

        </twig:ui:Tab:Trigger>

    </twig:ui:Tab:List>

    <twig:ui:Tab:Content value="tab1">

        <twig:ui:Card class="p-4">

            <twig:doc:Empty class="h-40">

                Tab 1 content

            </twig:doc:Empty>

        </twig:ui:Card>

    </twig:ui:Tab:Content>

    <twig:ui:Tab:Content value="tab2">

        <twig:ui:Card class="p-4">

            <twig:doc:Empty class="h-40">

                Tab 2 content

            </twig:doc:Empty>

        </twig:ui:Card>

    </twig:ui:Tab:Content>

</twig:ui:Tab>

<twig:ui:Tab class="w-full" variant="underline">

    <twig:ui:Tab:List>

        <twig:ui:Tab:Trigger value="tab1">

            tab1

        </twig:ui:Tab:Trigger>

        <twig:ui:Tab:Trigger value="tab2">

            tab2

        </twig:ui:Tab:Trigger>

    </twig:ui:Tab:List>

    <twig:ui:Tab:Content value="tab1">

        <twig:ui:Card class="p-4">

            <twig:doc:Empty class="h-40">

                Tab 1 content

            </twig:doc:Empty>

        </twig:ui:Card>

    </twig:ui:Tab:Content>

    <twig:ui:Tab:Content value="tab2">

        <twig:ui:Card class="p-4">

            <twig:doc:Empty class="h-40">

                Tab 2 content

            </twig:doc:Empty>

        </twig:ui:Card>

    </twig:ui:Tab:Content>

</twig:ui:Tab>

<twig:ui:Tab class="w-full" variant="bordered">

    <twig:ui:Tab:List>

        <twig:ui:Tab:Trigger value="tab1">

            tab1

        </twig:ui:Tab:Trigger>

        <twig:ui:Tab:Trigger value="tab2">

            tab2

        </twig:ui:Tab:Trigger>

    </twig:ui:Tab:List>

    <twig:ui:Tab:Content value="tab1">

        <twig:ui:Card class="p-4">

            <twig:doc:Empty class="h-40">

                Tab 2 content

            </twig:doc:Empty>

        </twig:ui:Card>

    </twig:ui:Tab:Content>

    <twig:ui:Tab:Content value="tab2">

        <twig:ui:Card class="p-4">

            <twig:doc:Empty class="h-40">

                Tab 2 content

            </twig:doc:Empty>

        </twig:ui:Card>

    </twig:ui:Tab:Content>

</twig:ui:Tab>

<twig:ui:Tab class="w-full" variant="ghost">

    <twig:ui:Tab:List>

        <twig:ui:Tab:Trigger value="tab1">

            tab1

        </twig:ui:Tab:Trigger>

        <twig:ui:Tab:Trigger value="tab2">

            tab2

        </twig:ui:Tab:Trigger>

    </twig:ui:Tab:List>

    <twig:ui:Tab:Content value="tab1">

        <twig:ui:Card class="p-4">

            <twig:doc:Empty class="h-40">

                Tab 1 content

            </twig:doc:Empty>

        </twig:ui:Card>

    </twig:ui:Tab:Content>

    <twig:ui:Tab:Content value="tab2">

        <twig:ui:Card class="p-4">

            <twig:doc:Empty class="h-40">

                Tab 2 content

            </twig:doc:Empty>

        </twig:ui:Card>

    </twig:ui:Tab:Content>

</twig:ui:Tab>

<twig:ui:Tab class="w-full" variant="bordered" value="tab2">

    <twig:ui:Tab:List>

        <twig:ui:Tab:Trigger value="tab1">

            tab1

        </twig:ui:Tab:Trigger>

        <twig:ui:Tab:Trigger value="tab2">

            tab2

        </twig:ui:Tab:Trigger>

        <twig:ui:Tab:Trigger value="tab3">

            tab3

        </twig:ui:Tab:Trigger>

    </twig:ui:Tab:List>

    <twig:ui:Tab:Content value="tab1">

        <twig:ui:Card class="p-4">

            <twig:doc:Empty class="h-40">

                Tab 1 content

            </twig:doc:Empty>

        </twig:ui:Card>

    </twig:ui:Tab:Content>

    <twig:ui:Tab:Content value="tab2">

        <twig:ui:Card class="p-4">

            <twig:doc:Empty class="h-40">

                Tab 2 content

            </twig:doc:Empty>

        </twig:ui:Card>

    </twig:ui:Tab:Content>

    <twig:ui:Tab:Content value="tab3">

        <twig:ui:Card class="p-4">

            <twig:doc:Empty class="h-40">

                Tab 3 content

            </twig:doc:Empty>

        </twig:ui:Card>

    </twig:ui:Tab:Content>

</twig:ui:Tab>