TabsPosition Enum

Lists values that specify where tab headers appear relative to content.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

public enum TabsPosition

Members

Tab headers are above content.

|

| | Bottom |

Tab headers are below content.

|

| | Left |

Tab headers are to the left of content.

|

| | Right |

Tab headers are to the right of content.

|

|

Related API Members

The following properties accept/return TabsPosition values:

• DxTabs.TabsPosition

Remarks

This example positions tab headers below the component:

<DxTabs TabsPosition="TabsPosition.Bottom">
    <DxTabPage Text="Home">
        <div class="p-2">
            The Home tab's content
        </div>
    </DxTabPage>
    <DxTabPage Text="Products">
        <div class="p-2">
            The Products tab's content
        </div>
    </DxTabPage>
    <DxTabPage Text="Support">
        <div class="p-2">
            The Support tab's content
        </div>
    </DxTabPage>
</DxTabs>

Run Demo: Tab Position

See Also

DevExpress.Blazor Namespace