TabsPosition Enum

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public enum TabsPosition

Members

Name	Description	Illustration
Top	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