DxTabs.AllowTabReorder Property

Specifies whether users can reorder tabs.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(false)]
[Parameter]
public bool AllowTabReorder { get; set; }

Property Value

Type	Default	Description
Boolean	false	true to allow users to reorder tabs; otherwise, false.

Remarks

Set the AllowTabReorder property to true to allow users to drag and drop tab headers to reorder tabs.

<DxTabs AllowTabReorder="true">
    @foreach(var employee in Employees) {
        <DxTabPage Text="@employee.Name" AllowClose="true">...</DxTabPage>
    }
</DxTabs>

Once a user drops a tab to a new position, the component raises the TabReordering event. You can use event properties to obtain old and new tab positions or cancel the action if necessary.