diff --git a/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj b/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
index 7a4286b8747..149ee268982 100644
--- a/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
+++ b/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
@@ -72,6 +72,7 @@
     <PackageReference Include="BootstrapBlazor.SvgEditor" Version="9.0.3" />
     <PackageReference Include="BootstrapBlazor.SummerNote" Version="9.0.4" />
     <PackageReference Include="BootstrapBlazor.TableExport" Version="9.2.6" />
+    <PackageReference Include="BootstrapBlazor.Tasks.Dashboard" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.TcpSocket" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.Topology" Version="9.0.1" />
     <PackageReference Include="BootstrapBlazor.UniverIcon" Version="9.0.1" />
@@ -80,7 +81,7 @@
     <PackageReference Include="BootstrapBlazor.VideoPlayer" Version="9.0.3" />
     <PackageReference Include="BootstrapBlazor.WinBox" Version="9.0.7" />
     <PackageReference Include="Longbow.Logging" Version="9.0.1" />
-    <PackageReference Include="Longbow.Tasks" Version="9.0.0" />
+    <PackageReference Include="Longbow.Tasks" Version="9.0.2" />
   </ItemGroup>
 
   <ItemGroup>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/TaskBoard.razor b/src/BootstrapBlazor.Server/Components/Samples/TaskBoard.razor
new file mode 100644
index 00000000000..3dda0358228
--- /dev/null
+++ b/src/BootstrapBlazor.Server/Components/Samples/TaskBoard.razor
@@ -0,0 +1,16 @@
+@page "/task-board"
+@using BootstrapBlazor.Components.Tasks
+
+@inject IStringLocalizer<TaskBoard> Localizer
+
+<h3>@Localizer["TaskBoardTitle"]</h3>
+
+<h4>@Localizer["TaskBoardIntro"]</h4>
+
+<PackageTips Name="BootstrapBlazor.Tasks.Dashboard" />
+
+<DemoBlock Title="@Localizer["TaskBoardNormalTitle"]"
+           Introduction="@Localizer["TaskBoardNormalIntro"]"
+           Name="Normal">
+    <TaskDashboard></TaskDashboard>
+</DemoBlock>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/TaskBoard.razor.cs b/src/BootstrapBlazor.Server/Components/Samples/TaskBoard.razor.cs
new file mode 100644
index 00000000000..ca232a02e09
--- /dev/null
+++ b/src/BootstrapBlazor.Server/Components/Samples/TaskBoard.razor.cs
@@ -0,0 +1,14 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the Apache 2.0 License
+// See the LICENSE file in the project root for more information.
+// Maintainer: Argo Zhang(argo@live.ca) Website: https://www.blazor.zone
+
+namespace BootstrapBlazor.Server.Components.Samples;
+
+/// <summary>
+/// TaskBoard 组件示例
+/// </summary>
+public partial class TaskBoard
+{
+
+}
diff --git a/src/BootstrapBlazor.Server/Extensions/MenusLocalizerExtensions.cs b/src/BootstrapBlazor.Server/Extensions/MenusLocalizerExtensions.cs
index 6257ea71252..d874571cf73 100644
--- a/src/BootstrapBlazor.Server/Extensions/MenusLocalizerExtensions.cs
+++ b/src/BootstrapBlazor.Server/Extensions/MenusLocalizerExtensions.cs
@@ -816,6 +816,12 @@ void AddData(DemoMenuItem item)
                     Url = "tag"
                 },
                 new()
+                {
+                    IsNew = true,
+                    Text = Localizer["TaskDashBoard"],
+                    Url = "task-board"
+                },
+                new()
                 {
                     Text = Localizer["Timeline"],
                     Url = "timeline"
diff --git a/src/BootstrapBlazor.Server/Locales/en-US.json b/src/BootstrapBlazor.Server/Locales/en-US.json
index e70c5bf8598..4418aa61f7c 100644
--- a/src/BootstrapBlazor.Server/Locales/en-US.json
+++ b/src/BootstrapBlazor.Server/Locales/en-US.json
@@ -4850,7 +4850,8 @@
     "NetworkMonitor": "Network Monitor",
     "Toolbar": "Toolbar",
     "OpcDaService": "OpcDaServer",
-    "Navbar": "Navbar"
+    "Navbar": "Navbar",
+    "TaskDashBoard": "TaskDashBoard"
   },
   "BootstrapBlazor.Server.Components.Samples.Table.TablesHeader": {
     "TablesHeaderTitle": "Header grouping function",
@@ -7178,5 +7179,11 @@
     "NavbarDescription": "A powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more",
     "NormalTitle": "Basic usage",
     "NormalIntro": "By setting <code>NavbarBrand</code> <code>NavbarToggleButton</code> <code>NavbarCollapse</code> <code>NavbarGroup</code> <code>NavbarItem</code> to layout its internal elements"
+  },
+  "BootstrapBlazor.Server.Components.Samples.TaskBoard": {
+    "TaskBoardTitle": "Task DashBoard",
+    "TaskBoardIntro": "",
+    "TaskBoardNormalTitle": "Basic usage",
+    "TaskBoardNormalIntro": ""
   }
 }
diff --git a/src/BootstrapBlazor.Server/Locales/zh-CN.json b/src/BootstrapBlazor.Server/Locales/zh-CN.json
index a5ee9320699..957f52b3852 100644
--- a/src/BootstrapBlazor.Server/Locales/zh-CN.json
+++ b/src/BootstrapBlazor.Server/Locales/zh-CN.json
@@ -4851,7 +4851,8 @@
     "NetworkMonitor": "网络状态 NetworkMonitor",
     "Toolbar": "工具栏 Toolbar",
     "OpcDaService": "OpcDaServer 服务",
-    "Navbar": "导航栏 Navbar"
+    "Navbar": "导航栏 Navbar",
+    "TaskDashBoard": "任务管理器 TaskDashBoard"
   },
   "BootstrapBlazor.Server.Components.Samples.Table.TablesHeader": {
     "TablesHeaderTitle": "表头分组功能",
@@ -7179,5 +7180,11 @@
     "NavbarDescription": "是网站开发中用于定义顶部导航区域或主页快速启动区域的结构化组件",
     "NormalTitle": "基本用法",
     "NormalIntro": "通过设置 <code>NavbarBrand</code> <code>NavbarToggleButton</code> <code>NavbarCollapse</code> <code>NavbarGroup</code> <code>NavbarItem</code> 对其内部元素布局"
+  },
+  "BootstrapBlazor.Server.Components.Samples.TaskBoard": {
+    "TaskBoardTitle": "Task DashBoard 任务管理器",
+    "TaskBoardIntro": "",
+    "TaskBoardNormalTitle": "基本用法",
+    "TaskBoardNormalIntro": ""
   }
 }
diff --git a/src/BootstrapBlazor.Server/docs.json b/src/BootstrapBlazor.Server/docs.json
index 92636c3bb40..58d3b9a96a9 100644
--- a/src/BootstrapBlazor.Server/docs.json
+++ b/src/BootstrapBlazor.Server/docs.json
@@ -251,7 +251,8 @@
     "network-monitor": "NetworkMonitors",
     "toolbar": "Toolbars",
     "opc-da": "OpcDa",
-    "navbar": "Navbars"
+    "navbar": "Navbars",
+    "task-board": "TaskBoard"
   },
   "video": {
     "table": "BV1ap4y1x7Qn?p=1",