vikramlearning · gvreddy04 · Jul 1, 2025 · Jul 1, 2025 · Jul 1, 2025 · Jul 1, 2025
diff --git a/BlazorBootstrap.Demo.Hosted/Client/wwwroot/appsettings.json b/BlazorBootstrap.Demo.Hosted/Client/wwwroot/appsettings.json
@@ -1,7 +1,7 @@
 {
-  "version": "3.3.1",
+  "version": "3.4.0",
   "release": {
-    "short_description": "New CheckboxInput, PasswordInput, RadioInput, TextInput, TextAreaInput components, along with other enhancements!!!"
+    "short_description": "Bootstrap and Icon Upgrades, along with Grid, Tabs, Sidebar, and Sidebar2 Enhancements!!!"
   },
   "urls": {
     "docs": "//docs.blazorbootstrap.com/docs/getting-started/blazor-webassembly",

diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Index.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Index.razor
@@ -87,7 +87,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="@RouteConstants.Demos_CheckboxInput_Documentation">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.CheckSquareFill" class="me-2" /> Checkbox Input <Badge Color="BadgeColor.Danger">New</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.CheckSquareFill" class="me-2" /> Checkbox Input</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -127,7 +127,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="@RouteConstants.Demos_Icons_Documentation">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.PersonSquare" class="me-2" /> Icons</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.PersonSquare" class="me-2" /> Icons <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -152,7 +152,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="@RouteConstants.Demos_PasswordInput_Documentation">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.EyeSlashFill" class="me-2" /> Password Input <Badge Color="BadgeColor.Danger">New</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.EyeSlashFill" class="me-2" /> Password Input</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -187,7 +187,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="@RouteConstants.Demos_RadioInput_Documentation">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.RecordCircle" class="me-2" /> Radio Input <Badge Color="BadgeColor.Danger">New</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.RecordCircle" class="me-2" /> Radio Input</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -212,12 +212,12 @@
         </div> *@
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="@RouteConstants.Demos_Sidebar_Documentation">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.LayoutSidebarInset" class="me-2" /> Sidebar</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.LayoutSidebarInset" class="me-2" /> Sidebar <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="@RouteConstants.Demos_Sidebar2_Documentation">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ListNested" class="me-2" /> Sidebar 2</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ListNested" class="me-2" /> Sidebar 2 <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -237,17 +237,17 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="@RouteConstants.Demos_Tabs_Documentation">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.WindowPlus" class="me-2" /> Tabs</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.WindowPlus" class="me-2" /> Tabs <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="@RouteConstants.Demos_TextInput_Documentation">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.InputCursorText" class="me-2" /> Text Input <Badge Color="BadgeColor.Danger">New</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.InputCursorText" class="me-2" /> Text Input</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="@RouteConstants.Demos_TextAreaInput_Documentation">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.InputCursorText" class="me-2" /> Text Area Input <Badge Color="BadgeColor.Danger">New</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.InputCursorText" class="me-2" /> Text Area Input</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -286,7 +286,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="@RouteConstants.Demos_CheckboxInput_Documentation">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.CheckSquareFill" class="me-2" /> Checkbox Input <Badge Color="BadgeColor.Danger">New</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.CheckSquareFill" class="me-2" /> Checkbox Input</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -306,12 +306,12 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="@RouteConstants.Demos_PasswordInput_Documentation">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.EyeSlashFill" class="me-2" /> Password Input <Badge Color="BadgeColor.Danger">New</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.EyeSlashFill" class="me-2" /> Password Input</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="@RouteConstants.Demos_RadioInput_Documentation">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.RecordCircle" class="me-2" /> Radio Input <Badge Color="BadgeColor.Danger">New</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.RecordCircle" class="me-2" /> Radio Input</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -331,12 +331,12 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="@RouteConstants.Demos_TextInput_Documentation">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.InputCursorText" class="me-2" /> Text Input <Badge Color="BadgeColor.Danger">New</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.InputCursorText" class="me-2" /> Text Input</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="@RouteConstants.Demos_TextAreaInput_Documentation">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.InputCursorText" class="me-2" /> Text Area Input <Badge Color="BadgeColor.Danger">New</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.InputCursorText" class="me-2" /> Text Area Input</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">

diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Layout/server/Layout_Server_Demo_01.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Layout/server/Layout_Server_Demo_01.razor
@@ -9,7 +9,7 @@
         <Sidebar2 Href="/"
                   ImageSrc="https://demos.blazorbootstrap.com/images/logo/logo-white.svg"
                   Title="Blazor Bootstrap"
-                  BadgeText="3.3.1"
+                  BadgeText="3.4.0"
                   DataProvider="Sidebar2DataProvider"
                   WidthUnit="Unit.Px" />
     </SidebarSection>

diff --git a/...orBootstrap.Demo.RCL/Components/Pages/Layout/webassembly/Layout_WebAssembly_Demo_01.razor b/...orBootstrap.Demo.RCL/Components/Pages/Layout/webassembly/Layout_WebAssembly_Demo_01.razor
@@ -9,7 +9,7 @@
         <Sidebar2 Href="/"
                   ImageSrc="https://demos.blazorbootstrap.com/images/logo/logo-white.svg"
                   Title="Blazor Bootstrap"
-                  BadgeText="3.3.1"
+                  BadgeText="3.4.0"
                   DataProvider="Sidebar2DataProvider"
                   WidthUnit="Unit.Px" />
     </SidebarSection>

diff --git a/BlazorBootstrap.Demo.Server/appsettings.json b/BlazorBootstrap.Demo.Server/appsettings.json
@@ -6,9 +6,9 @@
     }
   },
   "AllowedHosts": "*",
-  "version": "3.3.1",
+  "version": "3.4.0",
   "release": {
-    "short_description": "New CheckboxInput, PasswordInput, RadioInput, TextInput, TextAreaInput components, along with other enhancements!!!"
+    "short_description": "Bootstrap and Icon Upgrades, along with Grid, Tabs, Sidebar, and Sidebar2 Enhancements!!!"
   },
   "urls": {
     "docs": "//docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-8",

diff --git a/BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json b/BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json
@@ -1,7 +1,7 @@
 {
-  "version": "3.3.1",
+  "version": "3.4.0",
   "release": {
-    "short_description": "New CheckboxInput, PasswordInput, RadioInput, TextInput, TextAreaInput components, along with other enhancements!!!"
+    "short_description": "Bootstrap and Icon Upgrades, along with Grid, Tabs, Sidebar, and Sidebar2 Enhancements!!!"
   },
   "urls": {
     "docs": "//docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-8",

diff --git a/README.md b/README.md
@@ -41,7 +41,7 @@
 
 ## Install
 
-Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.3.1`
+Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.4.0`
 
 ## Install Blazor Bootstrap templates
 

diff --git a/blazorbootstrap/BlazorBootstrap.csproj b/blazorbootstrap/BlazorBootstrap.csproj
@@ -3,8 +3,8 @@
   <PropertyGroup>
 
     <PackageId>Blazor.Bootstrap</PackageId>
-    <Version>3.3.1</Version>
-    <PackageVersion>3.3.1</PackageVersion>
+    <Version>3.4.0</Version>
+    <PackageVersion>3.4.0</PackageVersion>
 
     <!--<PackageIconUrl></PackageIconUrl>-->
     <PackageLicenseExpression>Apache-2.0</PackageLicenseExpression>

diff --git a/docs/blog/2025-07-01-blazorbootstrap-3.4.0.md b/docs/blog/2025-07-01-blazorbootstrap-3.4.0.md
@@ -0,0 +1,63 @@
+---
+title: Blazor Bootstrap v3.4.0
+authors:
+  name: Vikram Reddy
+  title: Creator
+  url: https://github.com/gvreddy04
+  image_url: https://avatars.githubusercontent.com/u/2337067
+tags: [v3.4.0, blazor, bootstrap, blazorbootstrap, icons, grid, tabs]
+---
+
+We're excited to release version 3.4.0. This update includes Bootstrap and icon upgrades, plus enhancements to the grid, tabs, sidebar, and sidebar2.
+
+![image](https://i.sstatic.net/C0JBvYrk.png "Blazor Bootstrap Radio Input Component - Basic Usage")
+
+<!--truncate-->
+
+This release includes numerous enhancements, new features, bug fixes, and upgrades to both Bootstrap and Bootstrap Icons. Below is a summary of the key changes included in this milestone.
+
+### ✨ New Features & Enhancements
+
+- Grid: Added support for showing/hiding or adding/removing GridColumn at runtime (#1027, #1060)
+- Grid: Conditional rendering of GridColumn improvements (#310)
+- Grid: Footer support and ability to add grid footers (#472, #921)
+- Grid: Column width example added (#1099)
+- Grid: Grid summary and culture updates (#1071, #1072, #1075)
+- Grid: Enum filters support (#1073)
+- Grid: FilterTextboxWidth can now use any unit, not just px (#879, #1058)
+- Grid: Improved pagination, item selection, and items-per-page handling on small screens (#1019, #1123)
+- Tabs: Setting Tab Class or Style is now functional (#1035, #1028)
+- Tabs: Removing a Tab now makes the nearest one show (#1033, #1029)
+- Sidebar: Image display support on sidebar/sidebar2 (#812, #1128)
+- Icons: Updates and fixes in BootstrapIconUtility (#1086)
+- Demos: Home page improvements (#1096)
+- General: Ability to modify column visibility using IsVisible parameter (#1060)
+
+### 🐞 Bug Fixes
+
+- Grid: Responsive="true" was not responsive when Enum Filters enabled (#1028, #1124)
+- Grid: Removing last item from last page did not navigate to new last page (#689, #1059)
+- Grid: Conditional rendering of GridColumn issues (#310)
+- Grid: Issue with grid summary updates (#1072)
+- Grid: Items selection, pagination, and display issues on small screens (#1019, #1123)
+- Grid: How to set Grid page number when current page is empty (#443)
+- Grid: FilterTextboxWidth now consistently applies units (#879, #1058)
+- Tabs: Setting Tab Class/Style issues fixed (#1035, #1028)
+- Tabs: Removing a Tab now correctly shows the nearest tab (#1033, #1029)
+
+### ⬆️ Upgrades
+
+- Upgraded to Bootstrap v5.3.7 (#1118, #1120)
+- Upgraded to Bootstrap Icons v1.13.1 (#1119, #1121)
+
+### 🧩 Other Notable Improvements
+
+- Improved documentation and demo coverage.
+- Sidebar image support (area-sidebar, area-sidebar-2).
+- Numerous merged PRs and community contributions for feature completion and bug fixes.
+
+Special thanks to all contributors for their efforts and dedication to making BlazorBootstrap more robust and feature-rich!
+
+## Links
+- [Docs Website - Blazor Bootstrap](https://docs.blazorbootstrap.com/)
+- [Demos Website - Blazor Bootstrap](https://demos.blazorbootstrap.com/)
diff --git a/docs/docs/01-getting-started/01-a-getting-started-webassembly-NET-8.mdx b/docs/docs/01-getting-started/01-a-getting-started-webassembly-NET-8.mdx
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
 Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 3.3.1
+Install-Package Blazor.Bootstrap -Version 3.4.0
 ```
 
 ## Add CSS references

diff --git a/docs/docs/01-getting-started/01-b-getting-started-webapp-server-global-NET-8.mdx b/docs/docs/01-getting-started/01-b-getting-started-webapp-server-global-NET-8.mdx
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
 Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 3.3.1
+Install-Package Blazor.Bootstrap -Version 3.4.0
 ```
 
 ## Add CSS references

diff --git a/docs/docs/01-getting-started/01-c-getting-started-webapp-auto-global-NET-8.mdx b/docs/docs/01-getting-started/01-c-getting-started-webapp-auto-global-NET-8.mdx
@@ -20,7 +20,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
 Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 3.3.1
+Install-Package Blazor.Bootstrap -Version 3.4.0
 ```
 
 ### Add CSS references
@@ -87,7 +87,7 @@ The default Blazor template includes demonstration code and Bootstrap. To remove
 Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 3.3.1
+Install-Package Blazor.Bootstrap -Version 3.4.0
 ```
 
 ### Register services

diff --git a/docs/docs/01-getting-started/01-d-getting-started-maui-blazor-NET-8.mdx b/docs/docs/01-getting-started/01-d-getting-started-maui-blazor-NET-8.mdx
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
 Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 3.3.1
+Install-Package Blazor.Bootstrap -Version 3.4.0
 ```
 
 ## Add CSS references

diff --git a/docs/docs/01-getting-started/02-a-getting-started-webassembly-NET-7.mdx b/docs/docs/01-getting-started/02-a-getting-started-webassembly-NET-7.mdx
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
 Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 3.3.1
+Install-Package Blazor.Bootstrap -Version 3.4.0
 ```
 
 ## Add CSS references

diff --git a/docs/docs/01-getting-started/02-b-getting-started-server-NET-7.mdx b/docs/docs/01-getting-started/02-b-getting-started-server-NET-7.mdx
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
 Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 3.3.1
+Install-Package Blazor.Bootstrap -Version 3.4.0
 ```
 
 ## Add CSS references

diff --git a/docs/docs/01-getting-started/02-c-getting-started-maui-blazor-NET-7.mdx b/docs/docs/01-getting-started/02-c-getting-started-maui-blazor-NET-7.mdx
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
 Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 3.3.1
+Install-Package Blazor.Bootstrap -Version 3.4.0
 ```
 
 ## Add CSS references

diff --git a/docs/docs/01-getting-started/03-a-getting-started-webassembly-NET-6.mdx b/docs/docs/01-getting-started/03-a-getting-started-webassembly-NET-6.mdx
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
 Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 3.3.1
+Install-Package Blazor.Bootstrap -Version 3.4.0
 ```
 
 ## Add CSS references

diff --git a/docs/docs/01-getting-started/03-b-getting-started-server-NET-6.mdx b/docs/docs/01-getting-started/03-b-getting-started-server-NET-6.mdx
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
 Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
 
 ```shell
-Install-Package Blazor.Bootstrap -Version 3.3.1
+Install-Package Blazor.Bootstrap -Version 3.4.0
 ```
 
 ## Add CSS references

diff --git a/docs/docs/02-layout/getting-started-server.mdx b/docs/docs/02-layout/getting-started-server.mdx
@@ -40,7 +40,7 @@ Remove all the CSS content from the **Shared/MainLayout.razor.css** file.
         <Sidebar2 Href="/"
                   ImageSrc="https://demos.blazorbootstrap.com/images/logo/logo-white.svg"
                   Title="Blazor Bootstrap"
-                  BadgeText="3.3.1"
+                  BadgeText="3.4.0"
                   DataProvider="Sidebar2DataProvider"
                   WidthUnit="Unit.Px" />
     </SidebarSection>

diff --git a/docs/docs/02-layout/getting-started-webassembly.mdx b/docs/docs/02-layout/getting-started-webassembly.mdx
@@ -40,7 +40,7 @@ Remove all the CSS content from the **Shared/MainLayout.razor.css** file.
         <Sidebar2 Href="/"
                   ImageSrc="https://demos.blazorbootstrap.com/images/logo/logo-white.svg"
                   Title="Blazor Bootstrap"
-                  BadgeText="3.3.1"
+                  BadgeText="3.4.0"
                   DataProvider="Sidebar2DataProvider"
                   WidthUnit="Unit.Px" />
     </SidebarSection>

diff --git a/nuget/README.md b/nuget/README.md
@@ -18,7 +18,7 @@
 Get started any way you want
 
 - Clone the repo: `git clone https://github.com/vikramlearning/blazorbootstrap.git`
-- Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.3.1`
+- Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.4.0`
 - Install [Blazor Bootstrap templates](https://github.com/vikramlearning/blazorbootstrap-project-templates) with **.NET CLI**: `dotnet new install Blazor.Bootstrap.Templates::1.10.0`
 
   ![image](https://user-images.githubusercontent.com/2337067/233800604-43986ae7-27dd-4f17-9af6-c2f1a6f07097.png)