diff --git a/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor b/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor
index 6d8015f47d7..4e4720d6cfc 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor
@@ -190,7 +190,7 @@ private void Navigation()
             <button class="btn btn-primary" @onclick="e => SetPlacement(Placement.Left)">Left</button>
         </div>
     </p>
-    <Tab Placement="@BindPlacement" Height="200">
+    <Tab Placement="@_bindPlacement" Height="200">
         <TabItem Text="@Localizer["TabItem1Text"]">
             <div>@Localizer["TabItem1Content"]</div>
         </TabItem>
@@ -211,7 +211,7 @@ private void Navigation()
         </TabItem>
     </Tab>
     <Divider Text="@Localizer["DividerText"]"></Divider>
-    <Tab Placement="@BindPlacement" IsCard="true" Height="200">
+    <Tab Placement="@_bindPlacement" IsCard="true" Height="200">
         <TabItem Text="@Localizer["TabItem1Text"]">
             <div>@Localizer["TabItem1Content"]</div>
         </TabItem>
@@ -232,7 +232,7 @@ private void Navigation()
         </TabItem>
     </Tab>
     <Divider Text="@Localizer["DividerText"]"></Divider>
-    <Tab Placement="@BindPlacement" IsBorderCard="true" Height="200">
+    <Tab Placement="@_bindPlacement" IsBorderCard="true" Height="200">
         <TabItem Text="@Localizer["TabItem1Text"]">
             <div>@Localizer["TabItem1Content"]</div>
         </TabItem>
@@ -339,7 +339,7 @@ private void Navigation()
         </button>
     </section>
 
-    <Tab ShowExtendButtons="ShowButtons" ShowClose="true" @ref="TabSetApp" class="mt-3">
+    <Tab ShowExtendButtons="true" ShowClose="true" @ref="TabSetApp" class="mt-3">
         <TabItem Text="@Localizer["TabItem1Text"]" Closable="false">
             <div>@Localizer["TabItem1Content"]</div>
         </TabItem>
@@ -497,30 +497,25 @@ private void Navigation()
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["TabsContextMenuTitle"]" Introduction="@Localizer["TabsContextMenuIntro"]" Name="ContextMenu">
-    <ContextMenuZone>
-        <Tab IsCard="true" ShowClose="true" TabStyle="TabStyle.Chrome" ShowToolbar="true" @ref="_tab">
-            <TabItem Text="@Localizer["TabItem1Text"]" Icon="fa-solid fa-user">
-                <div>@Localizer["TabItem1Content"]</div>
-                <Counter></Counter>
-            </TabItem>
-            <TabItem Text="@Localizer["TabItem2Text"]" Icon="fa-solid fa-gauge-high">
-                <div>@Localizer["TabItem2Content"]</div>
-            </TabItem>
-            <TabItem Text="@Localizer["TabItem3Text"]" Icon="fa-solid fa-sitemap">
-                <div>@Localizer["TabItem3Content"]</div>
-            </TabItem>
-            <TabItem Text="@Localizer["TabItem4Text"]" Icon="fa-solid fa-building-columns">
-                <div>@Localizer["TabItem4Content"]</div>
-            </TabItem>
-        </Tab>
-        <ContextMenu>
-            <ContextMenuItem Icon="fa-fw fa-solid fa-rotate-right" Text="@Localizer["ContextRefresh"]" OnClick="OnRefrsh"></ContextMenuItem>
-            <ContextMenuDivider></ContextMenuDivider>
-            <ContextMenuItem Icon="fa-fw fa-solid fa-xmark" Text="@Localizer["ContextClose"]" OnClick="OnClose"></ContextMenuItem>
-            <ContextMenuItem Icon="fa-fw fa-solid fa-left-right" Text="@Localizer["ContextCloseOther"]" OnClick="OnCloseOther"></ContextMenuItem>
-            <ContextMenuItem Icon="fa-fw fa-solid fa-arrows-left-right-to-line" Text="@Localizer["ContextCloseAll"]" OnClick="OnCloseAll"></ContextMenuItem>
-        </ContextMenu>
-    </ContextMenuZone>
+    <section ignore>
+        <p>@((MarkupString)Localizer["TabsContextMenuDesc"].Value)</p>
+    </section>
+    <Tab IsCard="true" ShowClose="true" TabStyle="TabStyle.Chrome" ShowToolbar="true" ShowContextMenu="true" 
+         OnBeforeShowContextMenu="OnBeforeShowContextMenu">
+        <TabItem Text="@Localizer["TabItem1Text"]" Icon="fa-solid fa-user" IsDisabled="true">
+            <div>@Localizer["TabItem1Content"]</div>
+            <Counter></Counter>
+        </TabItem>
+        <TabItem Text="@Localizer["TabItem2Text"]" Icon="fa-solid fa-gauge-high">
+            <div>@Localizer["TabItem2Content"]</div>
+        </TabItem>
+        <TabItem Text="@Localizer["TabItem3Text"]" Icon="fa-solid fa-sitemap">
+            <div>@Localizer["TabItem3Content"]</div>
+        </TabItem>
+        <TabItem Text="@Localizer["TabItem4Text"]" Icon="fa-solid fa-building-columns">
+            <div>@Localizer["TabItem4Content"]</div>
+        </TabItem>
+    </Tab>
 </DemoBlock>
 
 <AttributeTable Items="@GetAttributes()" Title="@Localizer["AttTitle"]" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor.cs b/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor.cs
index 737571a6762..f84abb3028d 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor.cs
+++ b/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor.cs
@@ -13,7 +13,7 @@ public sealed partial class Tabs
     [NotNull]
     private Tab? TabSet { get; set; }
 
-    private Placement BindPlacement = Placement.Top;
+    private Placement _bindPlacement = Placement.Top;
 
     private bool RemoveEnabled => (TabSet?.Items.Count() ?? 4) < 4;
 
@@ -39,13 +39,13 @@ public sealed partial class Tabs
 
     private void SetPlacement(Placement placement)
     {
-        BindPlacement = placement;
+        _bindPlacement = placement;
     }
 
-    private Task AddTab(Tab tabset)
+    private Task AddTab(Tab tab)
     {
-        var text = $"Tab {tabset.Items.Count() + 1}";
-        tabset.AddTab(new Dictionary<string, object?>
+        var text = $"Tab {tab.Items.Count() + 1}";
+        tab.AddTab(new Dictionary<string, object?>
         {
             [nameof(TabItem.Text)] = text,
             [nameof(TabItem.IsActive)] = true,
@@ -59,44 +59,39 @@ private Task AddTab(Tab tabset)
         return Task.CompletedTask;
     }
 
-    private static Task Active(Tab tabset)
+    private static Task Active(Tab tab)
     {
-        tabset.ActiveTab(0);
+        tab.ActiveTab(0);
         return Task.CompletedTask;
     }
 
-    private static async Task RemoveTab(Tab tabset)
+    private static async Task RemoveTab(Tab tab)
     {
-        if (tabset.Items.Count() > 4)
+        if (tab.Items.Count() > 4)
         {
-            var item = tabset.Items.Last();
-            await tabset.RemoveTab(item);
+            var item = tab.Items.Last();
+            await tab.RemoveTab(item);
         }
     }
 
     private void OnToggleDisable()
     {
         Disabled = !Disabled;
-
         DisableText = Disabled ? "Enable" : "Disable";
     }
 
     /// <summary>
-    /// OnAfterRenderAsync
+    /// <inheritdoc/>
     /// </summary>
     /// <param name="firstRender"></param>
-    /// <returns></returns>
-    protected override async Task OnAfterRenderAsync(bool firstRender)
+    protected override void OnAfterRender(bool firstRender)
     {
         if (firstRender)
         {
-            var menuItem = TabMenu?.Items.FirstOrDefault();
-            if (menuItem != null)
+            var menuItem = TabMenu.Items.FirstOrDefault();
+            if (menuItem != null && TabMenu.OnClick is not null)
             {
-                await InvokeAsync(() =>
-                {
-                    var _ = TabMenu?.OnClick?.Invoke(menuItem);
-                });
+                TabMenu.OnClick(menuItem);
             }
         }
     }
@@ -116,6 +111,12 @@ private Task OnClickMenuItem(MenuItem item)
         return Task.CompletedTask;
     }
 
+    private async Task<bool> OnBeforeShowContextMenu(TabItem item)
+    {
+        await Task.Yield();
+        return item.IsDisabled == false;
+    }
+
     private void AddTabItem(string text) => TabSetMenu.AddTab(new Dictionary<string, object?>
     {
         [nameof(TabItem.Text)] = text,
@@ -123,11 +124,6 @@ private void AddTabItem(string text) => TabSetMenu.AddTab(new Dictionary<string,
         [nameof(TabItem.ChildContent)] = text == Localizer["BackText1"] ? BootstrapDynamicComponent.CreateComponent<Counter>().Render() : BootstrapDynamicComponent.CreateComponent<FetchData>().Render()
     });
 
-    private void OnClick()
-    {
-        ShowButtons = !ShowButtons;
-    }
-
     private async Task RemoveTab()
     {
         if (TabSetApp.Items.Count() > 4)
@@ -171,42 +167,6 @@ private Task OnSetTitle(string text)
         return Task.CompletedTask;
     }
 
-    [NotNull]
-    private Tab? _tab = null;
-
-    private Task OnRefrsh(ContextMenuItem item, object? context)
-    {
-        if (context is TabItem tabItem)
-        {
-            _tab.Refresh(tabItem);
-        }
-        return Task.CompletedTask;
-    }
-
-    private async Task OnClose(ContextMenuItem item, object? context)
-    {
-        if (context is TabItem tabItem)
-        {
-            await _tab.RemoveTab(tabItem);
-        }
-    }
-
-    private Task OnCloseOther(ContextMenuItem item, object? context)
-    {
-        if (context is TabItem tabItem)
-        {
-            _tab.ActiveTab(tabItem);
-        }
-        _tab.CloseOtherTabs();
-        return Task.CompletedTask;
-    }
-
-    private Task OnCloseAll(ContextMenuItem item, object? context)
-    {
-        _tab.CloseAllTabs();
-        return Task.CompletedTask;
-    }
-
     /// <summary>
     /// 获得属性方法
     /// </summary>
diff --git a/src/BootstrapBlazor.Server/Locales/en-US.json b/src/BootstrapBlazor.Server/Locales/en-US.json
index 83e167868de..38c3ac9e39a 100644
--- a/src/BootstrapBlazor.Server/Locales/en-US.json
+++ b/src/BootstrapBlazor.Server/Locales/en-US.json
@@ -2138,7 +2138,8 @@
     "ContextCloseOther": "Close Other Tabs",
     "ContextCloseAll": "Close All Tabs",
     "TabsContextMenuTitle": "TabItem Context Menu",
-    "TabsContextMenuIntro": "Use the built-in <code>ContextMenuZone</code> component to pop up a custom context menu when you right-click a tab item"
+    "TabsContextMenuIntro": "Use the built-in <code>ContextMenuZone</code> component to pop up a custom context menu when you right-click a tab item",
+    "TabsContextMenuDesc": "The disabled tab can be set by setting the <code>OnBeforeShowContextMenu</code> callback method to control whether the right-click menu is displayed according to the return value. If it is not set, the right-click menu is also displayed for the disabled tab"
   },
   "BootstrapBlazor.Server.Components.Components.DemoTabItem": {
     "Info": "Reset the title of this <code>TabItem</code> by click the button",
diff --git a/src/BootstrapBlazor.Server/Locales/zh-CN.json b/src/BootstrapBlazor.Server/Locales/zh-CN.json
index ee4b22c87e9..42580fe6dad 100644
--- a/src/BootstrapBlazor.Server/Locales/zh-CN.json
+++ b/src/BootstrapBlazor.Server/Locales/zh-CN.json
@@ -2138,7 +2138,8 @@
     "ContextCloseOther": "关闭其他",
     "ContextCloseAll": "关闭全部",
     "TabsContextMenuTitle": "右键菜单",
-    "TabsContextMenuIntro": "通过内置 <code>ContextMenuZone</code> 组件，点击标签页右键时弹窗自定义右键菜单"
+    "TabsContextMenuIntro": "通过内置 <code>ContextMenuZone</code> 组件，点击标签页右键时弹窗自定义右键菜单",
+    "TabsContextMenuDesc": "被禁用的标签页可以通过设置 <code>OnBeforeShowContextMenu</code> 回调方法根据返回值控制右键菜单是否显示，未设置时禁用标签页也显示右键菜单"
   },
   "BootstrapBlazor.Server.Components.Components.DemoTabItem": {
     "Info": "点击下方按钮，本 <code>TabItem</code> 标题更改为当前分钟与秒",
diff --git a/src/BootstrapBlazor/Components/Layout/Layout.razor b/src/BootstrapBlazor/Components/Layout/Layout.razor
index 4b5c4fe496a..75d823a6a9e 100644
--- a/src/BootstrapBlazor/Components/Layout/Layout.razor
+++ b/src/BootstrapBlazor/Components/Layout/Layout.razor
@@ -116,31 +116,7 @@
     @<main class="layout-main">
         @if (UseTabSet)
         {
-            @if (ShowTabContextMenu)
-            {
-                <ContextMenuZone>
-                    @RenderTab
-                    <ContextMenu>
-                        @if (BeforeTabContextMenuTemplate != null)
-                        {
-                            @BeforeTabContextMenuTemplate(_tab)
-                        }
-                        <ContextMenuItem Icon="@TabContextMenuRefreshIcon" Text="@Localizer["ContextRefresh"]" OnClick="OnRefrsh"></ContextMenuItem>
-                        <ContextMenuDivider></ContextMenuDivider>
-                        <ContextMenuItem Icon="@TabContextMenuCloseIcon" Text="@Localizer["ContextClose"]" OnClick="OnClose"></ContextMenuItem>
-                        <ContextMenuItem Icon="@TabContextMenuCloseOtherIcon" Text="@Localizer["ContextCloseOther"]" OnClick="OnCloseOther"></ContextMenuItem>
-                        <ContextMenuItem Icon="@TabContextMenuCloseAllIcon" Text="@Localizer["ContextCloseAll"]" OnClick="OnCloseAll"></ContextMenuItem>
-                        @if (TabContextMenuTemplate != null)
-                        {
-                            @TabContextMenuTemplate(_tab)
-                        }
-                    </ContextMenu>
-                </ContextMenuZone>
-            }
-            else
-            {
-                @RenderTab
-            }
+            @RenderTab
         }
         else
         {
@@ -153,6 +129,11 @@
           ShowExtendButtons="ShowTabExtendButtons" ShowClose="ShowTabItemClose" AllowDrag="AllowDragTab"        
           DefaultUrl="@TabDefaultUrl" ExcludeUrls="@ExcludeUrls" IsOnlyRenderActiveTab="IsOnlyRenderActiveTab"
           TabStyle="TabStyle" ShowToolbar="@ShowToolbar" ToolbarTemplate="@ToolbarTemplate"
+          ShowContextMenu="ShowTabContextMenu"
+          BeforeContextMenuTemplate="@BeforeTabContextMenuTemplate" ContextMenuTemplate="@TabContextMenuTemplate"
+          ContextMenuRefreshIcon="@TabContextMenuRefreshIcon" ContextMenuCloseIcon="@TabContextMenuCloseIcon"
+          ContextMenuCloseOtherIcon="@TabContextMenuCloseOtherIcon" ContextMenuCloseAllIcon="@TabContextMenuCloseAllIcon"
+          OnBeforeShowContextMenu="@OnBeforeShowContextMenu"
           ShowRefreshToolbarButton="ShowRefreshToolbarButton" ShowFullscreenToolbarButton="ShowFullscreenToolbarButton"
           RefreshToolbarButtonIcon="@RefreshToolbarButtonIcon" FullscreenToolbarButtonIcon="@FullscreenToolbarButtonIcon"
           RefreshToolbarTooltipText="@RefreshToolbarTooltipText" FullscreenToolbarTooltipText="@FullscreenToolbarTooltipText"
diff --git a/src/BootstrapBlazor/Components/Layout/Layout.razor.cs b/src/BootstrapBlazor/Components/Layout/Layout.razor.cs
index 7937c288fc9..3e68e58ffad 100644
--- a/src/BootstrapBlazor/Components/Layout/Layout.razor.cs
+++ b/src/BootstrapBlazor/Components/Layout/Layout.razor.cs
@@ -339,6 +339,12 @@ public partial class Layout : IHandlerException
     [Parameter]
     public string? TabContextMenuCloseAllIcon { get; set; }
 
+    /// <summary>
+    /// Gets or sets before popup context menu callback. Default is null.
+    /// </summary>
+    [Parameter]
+    public Func<TabItem, Task<bool>>? OnBeforeShowContextMenu { get; set; }
+
     [Inject]
     [NotNull]
     private NavigationManager? Navigation { get; set; }
@@ -509,10 +515,6 @@ protected override void OnParametersSet()
 
         TooltipText ??= Localizer[nameof(TooltipText)];
         MenuBarIcon ??= IconTheme.GetIconByKey(ComponentIcons.LayoutMenuBarIcon);
-        TabContextMenuRefreshIcon ??= IconTheme.GetIconByKey(ComponentIcons.TabContextMenuRefreshIcon);
-        TabContextMenuCloseIcon ??= IconTheme.GetIconByKey(ComponentIcons.TabContextMenuCloseIcon);
-        TabContextMenuCloseOtherIcon ??= IconTheme.GetIconByKey(ComponentIcons.TabContextMenuCloseOtherIcon);
-        TabContextMenuCloseAllIcon ??= IconTheme.GetIconByKey(ComponentIcons.TabContextMenuCloseAllIcon);
     }
 
     /// <summary>
@@ -627,38 +629,6 @@ public virtual Task HandlerException(Exception ex, RenderFragment<Exception> err
 
     private string? GetTargetString() => IsFixedTabHeader ? ".tabs-body" : null;
 
-    private async Task OnRefrsh(ContextMenuItem item, object? context)
-    {
-        if (context is TabItem tabItem)
-        {
-            await _tab.Refresh(tabItem);
-        }
-    }
-
-    private async Task OnClose(ContextMenuItem item, object? context)
-    {
-        if (context is TabItem tabItem)
-        {
-            await _tab.RemoveTab(tabItem);
-        }
-    }
-
-    private Task OnCloseOther(ContextMenuItem item, object? context)
-    {
-        if (context is TabItem tabItem)
-        {
-            _tab.ActiveTab(tabItem);
-        }
-        _tab.CloseOtherTabs();
-        return Task.CompletedTask;
-    }
-
-    private Task OnCloseAll(ContextMenuItem item, object? context)
-    {
-        _tab.CloseAllTabs();
-        return Task.CompletedTask;
-    }
-
     /// <summary>
     /// <inheritdoc/>
     /// </summary>
diff --git a/src/BootstrapBlazor/Components/Tab/Tab.razor b/src/BootstrapBlazor/Components/Tab/Tab.razor
index e1fafcdbe15..a9de8d62912 100644
--- a/src/BootstrapBlazor/Components/Tab/Tab.razor
+++ b/src/BootstrapBlazor/Components/Tab/Tab.razor
@@ -6,9 +6,35 @@
 {
     @Body
 }
+else if (ShowContextMenu)
+{
+    <ContextMenuZone @ref="_contextMenuZone">
+        @RenderTab
+        <ContextMenu>
+            @if (BeforeContextMenuTemplate != null)
+            {
+                @BeforeContextMenuTemplate(this)
+            }
+            <ContextMenuItem Icon="@ContextMenuRefreshIcon" Text="@Localizer["ContextRefresh"]" OnClick="OnRefresh"></ContextMenuItem>
+            <ContextMenuDivider></ContextMenuDivider>
+            <ContextMenuItem Icon="@ContextMenuCloseIcon" Text="@Localizer["ContextClose"]" OnClick="OnClose"></ContextMenuItem>
+            <ContextMenuItem Icon="@ContextMenuCloseOtherIcon" Text="@Localizer["ContextCloseOther"]" OnClick="OnCloseOther"></ContextMenuItem>
+            <ContextMenuItem Icon="@ContextMenuCloseAllIcon" Text="@Localizer["ContextCloseAll"]" OnClick="OnCloseAll"></ContextMenuItem>
+            @if (ContextMenuTemplate != null)
+            {
+                @ContextMenuTemplate(this)
+            }
+        </ContextMenu>
+    </ContextMenuZone>
+}
 else
 {
-    <div @attributes="@AdditionalAttributes" id="@Id" class="@ClassString" style="@StyleString">
+    @RenderTab
+}
+
+@code {
+    RenderFragment RenderTab =>
+    @<div @attributes="@AdditionalAttributes" id="@Id" class="@ClassString" style="@StyleString">
         <div class="tabs-header">
             <div class="@WrapClassString">
                 @if (BeforeNavigatorTemplate != null)
@@ -155,18 +181,17 @@ else
                 }
             </CascadingValue>
         </div>
-    </div>
-}
-
-@code {
+    </div>;
+    
     RenderFragment<TabItem> RenderTabItem => item =>
     @<CascadingValue Value="item" IsFixed="true">
         @RenderTabItemContent(item)
     </CascadingValue>;
 
-    RenderFragment RenderDisabledHeaderItem(TabItem item) =>
+    RenderFragment RenderDisabledHeaderItem(TabItem item) => 
     @<div @key="@item" class="@GetItemWrapClassString(item)">
-        <div role="tab" class="@GetClassString(item)">
+        <div role="tab" class="@GetClassString(item)" 
+             @oncontextmenu="e => OnContextMenu(e, item)" @oncontextmenu:preventDefault="IsPreventDefault">
             @RenderHeaderItemContent(item)
         </div>
         @if (TabStyle == TabStyle.Chrome)
diff --git a/src/BootstrapBlazor/Components/Tab/Tab.razor.cs b/src/BootstrapBlazor/Components/Tab/Tab.razor.cs
index 8e9443e82d8..21610165ab0 100644
--- a/src/BootstrapBlazor/Components/Tab/Tab.razor.cs
+++ b/src/BootstrapBlazor/Components/Tab/Tab.razor.cs
@@ -359,6 +359,54 @@ public partial class Tab : IHandlerException
     [Parameter]
     public string? CloseTabNavLinkTooltipText { get; set; }
 
+    /// <summary>
+    /// Gets or sets whether enable tab context menu. Default is false.
+    /// </summary>
+    [Parameter]
+    public bool ShowContextMenu { get; set; }
+
+    /// <summary>
+    /// Gets or sets the template of before context menu. Default is null.
+    /// </summary>
+    [Parameter]
+    public RenderFragment<Tab>? BeforeContextMenuTemplate { get; set; }
+
+    /// <summary>
+    /// Gets or sets the template of context menu. Default is null.
+    /// </summary>
+    [Parameter]
+    public RenderFragment<Tab>? ContextMenuTemplate { get; set; }
+
+    /// <summary>
+    /// Gets or sets the icon of tab item context menu refresh button. Default is null.
+    /// </summary>
+    [Parameter]
+    public string? ContextMenuRefreshIcon { get; set; }
+
+    /// <summary>
+    /// Gets or sets the icon of tab item context menu close button. Default is null.
+    /// </summary>
+    [Parameter]
+    public string? ContextMenuCloseIcon { get; set; }
+
+    /// <summary>
+    /// Gets or sets the icon of tab item context menu close other button. Default is null.
+    /// </summary>
+    [Parameter]
+    public string? ContextMenuCloseOtherIcon { get; set; }
+
+    /// <summary>
+    /// Gets or sets the icon of tab item context menu close all button. Default is null.
+    /// </summary>
+    [Parameter]
+    public string? ContextMenuCloseAllIcon { get; set; }
+
+    /// <summary>
+    /// Gets or sets before popup context menu callback. Default is null.
+    /// </summary>
+    [Parameter]
+    public Func<TabItem, Task<bool>>? OnBeforeShowContextMenu { get; set; }
+
     [CascadingParameter]
     private Layout? Layout { get; set; }
 
@@ -385,8 +433,7 @@ public partial class Tab : IHandlerException
     [Inject, NotNull]
     private DialogService? DialogService { get; set; }
 
-    [CascadingParameter]
-    private ContextMenuZone? ContextMenuZone { get; set; }
+    private ContextMenuZone? _contextMenuZone;
 
     private ConcurrentDictionary<TabItem, bool> LazyTabCache { get; } = new();
 
@@ -400,7 +447,7 @@ public partial class Tab : IHandlerException
 
     private readonly ConcurrentDictionary<TabItem, TabItemContent> _cache = [];
 
-    private bool IsPreventDefault => ContextMenuZone != null;
+    private bool IsPreventDefault => _contextMenuZone != null;
 
     /// <summary>
     /// <inheritdoc/>
@@ -439,6 +486,11 @@ protected override void OnParametersSet()
         CloseIcon ??= IconTheme.GetIconByKey(ComponentIcons.TabCloseIcon);
         RefreshToolbarButtonIcon ??= IconTheme.GetIconByKey(ComponentIcons.TabRefreshButtonIcon);
 
+        ContextMenuRefreshIcon ??= IconTheme.GetIconByKey(ComponentIcons.TabContextMenuRefreshIcon);
+        ContextMenuCloseIcon ??= IconTheme.GetIconByKey(ComponentIcons.TabContextMenuCloseIcon);
+        ContextMenuCloseOtherIcon ??= IconTheme.GetIconByKey(ComponentIcons.TabContextMenuCloseOtherIcon);
+        ContextMenuCloseAllIcon ??= IconTheme.GetIconByKey(ComponentIcons.TabContextMenuCloseAllIcon);
+
         if (AdditionalAssemblies is null)
         {
             var entryAssembly = Assembly.GetEntryAssembly();
@@ -890,9 +942,10 @@ public void SetDisabledItem(TabItem item, bool disabled)
         {
             item.SetActive(false);
         }
-        if (TabItems.Any(i => i.IsActive) == false)
+        if (TabItems.Find(i => i.IsActive) == null)
         {
-            TabItems.FirstOrDefault(i => !i.IsDisabled)?.SetActive(true);
+            var tabItem = TabItems.Find(i => !i.IsDisabled);
+            tabItem?.SetActive(true);
         }
         StateHasChanged();
     }
@@ -990,6 +1043,55 @@ public async Task Refresh(TabItem item)
         }
     }
 
+    private async Task OnRefresh(ContextMenuItem item, object? context)
+    {
+        if (context is TabItem tabItem)
+        {
+            await Refresh(tabItem);
+        }
+    }
+
+    private async Task OnClose(ContextMenuItem item, object? context)
+    {
+        if (context is TabItem tabItem)
+        {
+            await RemoveTab(tabItem);
+        }
+    }
+
+    private Task OnCloseOther(ContextMenuItem item, object? context)
+    {
+        if (context is TabItem tabItem)
+        {
+            ActiveTab(tabItem);
+        }
+        CloseOtherTabs();
+        return Task.CompletedTask;
+    }
+
+    private Task OnCloseAll(ContextMenuItem item, object? context)
+    {
+        CloseAllTabs();
+        return Task.CompletedTask;
+    }
+
+    private async Task OnContextMenu(MouseEventArgs e, TabItem item)
+    {
+        if (_contextMenuZone != null)
+        {
+            var show = true;
+            if (OnBeforeShowContextMenu != null)
+            {
+                show = await OnBeforeShowContextMenu(item);
+            }
+
+            if (show)
+            {
+                await _contextMenuZone.OnContextMenu(e, item);
+            }
+        }
+    }
+
     /// <summary>
     /// <inheritdoc/>
     /// </summary>
@@ -1003,12 +1105,4 @@ protected override async ValueTask DisposeAsync(bool disposing)
             ErrorLogger?.UnRegister(this);
         }
     }
-
-    private async Task OnContextMenu(MouseEventArgs e, TabItem item)
-    {
-        if (ContextMenuZone != null)
-        {
-            await ContextMenuZone.OnContextMenu(e, item);
-        }
-    }
 }
diff --git a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss
index 0de01177aad..8865bff1506 100644
--- a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss
+++ b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss
@@ -700,6 +700,7 @@
                 display: flex;
                 align-items: center;
                 border-radius: var(--bs-border-radius);
+                user-select: none;
 
                 &:not(.disabled):not(:disabled):hover {
                     background-color: var(--bb-tabs-item-hover-bg-color);
diff --git a/src/BootstrapBlazor/Locales/en.json b/src/BootstrapBlazor/Locales/en.json
index 67168d6fa7f..847e2e1a738 100644
--- a/src/BootstrapBlazor/Locales/en.json
+++ b/src/BootstrapBlazor/Locales/en.json
@@ -105,11 +105,7 @@
     "TooltipText": "Go top"
   },
   "BootstrapBlazor.Components.Layout": {
-    "TooltipText": "Click to Expand/Collapse sidebar",
-    "ContextRefresh": "Refresh",
-    "ContextClose": "Close",
-    "ContextCloseOther": "Close Other Tabs",
-    "ContextCloseAll": "Close All Tabs"
+    "TooltipText": "Click to Expand/Collapse sidebar"
   },
   "BootstrapBlazor.Components.Logout": {
     "PrefixDisplayNameText": "Welcome",
@@ -119,7 +115,7 @@
     "Text": "Logout"
   },
   "BootstrapBlazor.Components.Menu": {
-    "InvalidOperationExceptionMessage": "Sidemenu component cannot be used independently. Please use Menu component to set IsVertical = true"
+    "InvalidOperationExceptionMessage": "SideMenu component cannot be used independently. Please use Menu component to set IsVertical = true"
   },
   "BootstrapBlazor.Components.ModalDialog": {
     "CloseButtonText": "Close",
@@ -182,7 +178,11 @@
     "FullscreenToolbarTooltipText": "Fullscreen",
     "PrevTabNavLinkTooltipText": "Prev Tab",
     "NextTabNavLinkTooltipText": "Next Tab",
-    "CloseTabNavLinkTooltipText": "Close"
+    "CloseTabNavLinkTooltipText": "Close",
+    "ContextRefresh": "Refresh",
+    "ContextClose": "Close",
+    "ContextCloseOther": "Close Other Tabs",
+    "ContextCloseAll": "Close All Tabs"
   },
   "BootstrapBlazor.Components.MultiFilter": {
     "MultiFilterSearchPlaceHolderText": "Please enter ...",
diff --git a/src/BootstrapBlazor/Locales/zh.json b/src/BootstrapBlazor/Locales/zh.json
index 6dceb50ef15..22af6c45ff4 100644
--- a/src/BootstrapBlazor/Locales/zh.json
+++ b/src/BootstrapBlazor/Locales/zh.json
@@ -105,11 +105,7 @@
     "TooltipText": "返回顶端"
   },
   "BootstrapBlazor.Components.Layout": {
-    "TooltipText": "点击展开收缩左侧菜单",
-    "ContextRefresh": "刷新",
-    "ContextClose": "关闭",
-    "ContextCloseOther": "关闭其他",
-    "ContextCloseAll": "关闭全部"
+    "TooltipText": "点击展开收缩左侧菜单"
   },
   "BootstrapBlazor.Components.Logout": {
     "PrefixDisplayNameText": "欢迎",
@@ -182,7 +178,11 @@
     "FullscreenToolbarTooltipText": "全屏",
     "PrevTabNavLinkTooltipText": "上一个标签",
     "NextTabNavLinkTooltipText": "下一个标签",
-    "CloseTabNavLinkTooltipText": "关闭"
+    "CloseTabNavLinkTooltipText": "关闭",
+    "ContextRefresh": "刷新",
+    "ContextClose": "关闭",
+    "ContextCloseOther": "关闭其他",
+    "ContextCloseAll": "关闭全部"
   },
   "BootstrapBlazor.Components.MultiFilter": {
     "MultiFilterSearchPlaceHolderText": "请输入 ...",
diff --git a/test/UnitTest/Components/LayoutTest.cs b/test/UnitTest/Components/LayoutTest.cs
index e71b325142a..0d129c591a8 100644
--- a/test/UnitTest/Components/LayoutTest.cs
+++ b/test/UnitTest/Components/LayoutTest.cs
@@ -57,6 +57,14 @@ public async Task TabStyle_Ok()
         cut.SetParametersAndRender(pb => pb.Add(a => a.TabContextMenuTemplate, tab => b => b.AddContent(0, "test-tab-context-menu")));
         cut.Contains("test-tab-context-menu");
 
+        cut.SetParametersAndRender(pb =>
+        {
+            pb.Add(a => a.TabContextMenuRefreshIcon, "test-tab-refresh-icon");
+            pb.Add(a => a.TabContextMenuCloseIcon, "test-tab-close-icon");
+            pb.Add(a => a.TabContextMenuCloseAllIcon, "test-tab-close-all-icon");
+            pb.Add(a => a.TabContextMenuCloseOtherIcon, "test-tab-close-other-icon");
+        });
+
         // test context menu onclick event handler
         var tab = cut.Find(".tabs-item");
         await cut.InvokeAsync(() => tab.ContextMenu());
@@ -66,6 +74,22 @@ public async Task TabStyle_Ok()
         {
             await cut.InvokeAsync(() => button.Click());
         }
+        cut.Contains("test-tab-refresh-icon");
+        cut.Contains("test-tab-close-icon");
+        cut.Contains("test-tab-close-all-icon");
+        cut.Contains("test-tab-close-other-icon");
+
+        var show = false;
+        cut.SetParametersAndRender(pb =>
+        {
+            pb.Add(a => a.OnBeforeShowContextMenu, item =>
+            {
+                show = true;
+                return Task.FromResult(true);
+            });
+        });
+        await cut.InvokeAsync(() => tab.ContextMenu());
+        Assert.True(show);
     }
 
     [Fact]
diff --git a/test/UnitTest/Components/TabTest.cs b/test/UnitTest/Components/TabTest.cs
index b78809bb9ed..99df42b4fc2 100644
--- a/test/UnitTest/Components/TabTest.cs
+++ b/test/UnitTest/Components/TabTest.cs
@@ -28,13 +28,14 @@ protected override void ConfigureServices(IServiceCollection services)
     [Fact]
     public async Task ContextMenu_Ok()
     {
-        var clicked = false;
         var cut = Context.RenderComponent<ContextMenuZone>(pb =>
         {
             pb.AddChildContent<Tab>(pb =>
             {
+                pb.Add(a => a.ShowContextMenu, true);
                 pb.AddChildContent<TabItem>(pb =>
                 {
+                    pb.Add(a => a.IsDisabled, true);
                     pb.Add(a => a.Text, "Tab1");
                     pb.Add(a => a.Url, "/Index");
                     pb.Add(a => a.Closable, true);
@@ -42,30 +43,13 @@ public async Task ContextMenu_Ok()
                     pb.Add(a => a.ChildContent, "Tab1-Content");
                 });
             });
-            pb.AddChildContent<ContextMenu>(pb =>
-            {
-                pb.AddChildContent<ContextMenuItem>(pb =>
-                {
-                    pb.Add(a => a.Text, "test-close");
-                    pb.Add(a => a.OnClick, (context, item) =>
-                    {
-                        clicked = true;
-                        if (item is TabItem tabItem)
-                        {
-
-                        }
-                        return Task.CompletedTask;
-                    });
-                });
-            });
         });
 
         var menuItem = cut.Find(".tabs-item");
         await cut.InvokeAsync(() => menuItem.ContextMenu());
 
         var item = cut.Find(".dropdown-menu .dropdown-item");
-        await cut.InvokeAsync(() => item.Click());
-        Assert.True(clicked);
+        Assert.NotNull(item);
     }
 
     [Fact]
@@ -496,13 +480,16 @@ public async Task IsDisabled_Ok()
                 pb.AddChildContent<DisableTabItemButton>();
             });
         });
-        Assert.Contains("<div role=\"tab\" class=\"tabs-item disabled\"><div class=\"tabs-item-body\"><i class=\"fa fa-fa\"></i><span class=\"tabs-item-text\">Text1</span></div></div>", cut.Markup);
+        var tabItems = cut.FindAll(".tabs-item");
+        Assert.Contains("tabs-item disabled", tabItems[0].OuterHtml);
+        Assert.DoesNotContain("tabs-item disabled", tabItems[1].OuterHtml);
 
         var button = cut.FindComponent<DisableTabItemButton>();
         Assert.NotNull(button);
 
         await cut.InvokeAsync(() => button.Instance.OnDisabledTabItem());
-        Assert.Contains("<div role=\"tab\" class=\"tabs-item disabled\"><div class=\"tabs-item-body\"><span class=\"tabs-item-text\">Text2</span></div></div>", cut.Markup);
+        tabItems = cut.FindAll(".tabs-item");
+        Assert.Contains("tabs-item disabled", tabItems[1].OuterHtml);
     }
 
     [Fact]
@@ -545,7 +532,6 @@ public async Task TabStyle_Chrome_Ok()
         var button = cut.FindComponent<DisableTabItemButton>();
         Assert.NotNull(button);
         await cut.InvokeAsync(() => button.Instance.OnDisabledTabItem());
-        cut.Contains("<div role=\"tab\" class=\"tabs-item disabled\"><div class=\"tabs-item-body\"><span class=\"tabs-item-text\">Text2</span></div></div>");
 
         // trigger click
         var link = cut.Find("a");