NarKampenTake2/Assets/UIDocument/MenuScene/TabbedMenu.uxml

<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" xsi="http://www.w3.org/2001/XMLSchema-instance" engine="UnityEngine.UIElements" editor="UnityEditor.UIElements" noNamespaceSchemaLocation="../../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
    <Style src="project://database/Assets/UIDocument/MenuScene/MenuUss.uss?fileID=7433441132597879392&amp;guid=7efd3cabb720e5947b5c0010adda70a7&amp;type=3#MenuUss" />
    <ui:VisualElement name="tabs" style="flex-direction: row; border-bottom-color: rgb(91, 91, 91); border-bottom-width: 2px;">
        <ui:Button text="Active Games" display-tooltip-when-elided="true" name="ActiveGamesTab" class="tabButton" />
        <ui:Button text="New Game" display-tooltip-when-elided="true" name="NewGameTab" class="tabButton" />
        <ui:Button text="Done Games" display-tooltip-when-elided="true" name="DoneGamesTab" class="tabButton" />
    </ui:VisualElement>
    <ui:VisualElement name="tabContent" style="flex-grow: 1; flex-shrink: 1;">
        <ui:VisualElement name="ActiveGamesContent" class="tabContent" style="display: flex; flex-grow: 1; background-color: rgba(255, 0, 0, 255);" />
        <ui:VisualElement name="NewGameContent" class="tabContent" style="display: none; flex-grow: 1; background-color: rgba(23, 224, 22, 255);" />
        <ui:VisualElement name="DoneGamesContent" class="tabContent" style="display: none; flex-grow: 1; background-color: rgba(0, 26, 255, 255);" />
    </ui:VisualElement>
</ui:UXML>