vikramlearning · gvreddy04 · Feb 1, 2025 · Feb 1, 2025
diff --git a/BlazorBootstrap.Demo.Hosted/Client/wwwroot/appsettings.json b/BlazorBootstrap.Demo.Hosted/Client/wwwroot/appsettings.json
@@ -1,5 +1,5 @@
 {
-  "version": "3.3.0",
+  "version": "3.3.1",
   "release": {
     "short_description": "New CheckboxInput, PasswordInput, RadioInput, TextInput, TextAreaInput components, along with other enhancements!!!"
   },

diff --git a/...trap.Demo.RCL/Components/Pages/Form/CheckboxInput/CheckboxInput_Demo_01_Basic_Usage.razor b/...trap.Demo.RCL/Components/Pages/Form/CheckboxInput/CheckboxInput_Demo_01_Basic_Usage.razor
@@ -1,8 +1,13 @@
-<CheckboxInput Label="Default checkbox" @bind-Value="isChecked" />
-<CheckboxInput Label="Checked checkbox" @bind-Value="isChecked2" />
+<CheckboxInput Label="Option 1" @bind-Value="option1" />
+<CheckboxInput Label="Option 2" @bind-Value="option2" />
+
+<div class="mt-3">
+    <div>Option 1: @option1</div>
+    <div>Option 2: @option2</div>
+</div>
 
 @code
 {
-    private bool isChecked;
-    private bool isChecked2 = true;
+    private bool option1;
+    private bool option2 = true;
 }
diff --git a/BlazorBootstrap.Demo.Server/appsettings.json b/BlazorBootstrap.Demo.Server/appsettings.json
@@ -6,7 +6,7 @@
     }
   },
   "AllowedHosts": "*",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "release": {
     "short_description": "New CheckboxInput, PasswordInput, RadioInput, TextInput, TextAreaInput components, along with other enhancements!!!"
   },

diff --git a/BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json b/BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json
@@ -1,5 +1,5 @@
 {
-  "version": "3.3.0",
+  "version": "3.3.1",
   "release": {
     "short_description": "New CheckboxInput, PasswordInput, RadioInput, TextInput, TextAreaInput components, along with other enhancements!!!"
   },

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.0`
+Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.3.1`
 
 ## Install Blazor Bootstrap templates
 
@@ -158,6 +158,9 @@ Blazor Bootstrap's documentation, which is included in this repository's root di
 ### Blazor Bootstrap - Charts: Polar Area Chart
 ![Blazor Bootstrap - Charts: Polar Area Chart](https://i.imgur.com/MSFDsSo.png "Blazor Bootstrap - Charts: Polar Area Chart")
 
+### Blazor Bootstrap - Checkbox Input
+![Blazor Bootstrap - Checkbox Input](https://i.imgur.com/kqSggFK.png "Blazor Bootstrap - Checkbox Input")
+
 ### Blazor Bootstrap - Collapse
 ![Blazor Bootstrap - Collapse](https://i.imgur.com/8A0emQe.png "Blazor Bootstrap - Collapse")
 
@@ -197,6 +200,9 @@ Blazor Bootstrap's documentation, which is included in this repository's root di
 ### Blazor Bootstrap - Offcanvas
 ![Blazor Bootstrap - Offcanvas](https://i.imgur.com/1vNz5Ci.jpg "Blazor Bootstrap - Offcanvas")
 
+### Blazor Bootstrap - Password Input
+![Blazor Bootstrap - Password Input](https://i.imgur.com/0k1C2XS.png "Blazor Bootstrap - Password Input")
+
 ### Blazor Bootstrap - Pagination
 ![Blazor Bootstrap - Pagination](https://i.imgur.com/SCbZVd4.jpg "Blazor Bootstrap - Pagination")
 
@@ -212,6 +218,9 @@ Blazor Bootstrap's documentation, which is included in this repository's root di
 ### Blazor Bootstrap - Progress
 ![Blazor Bootstrap - Progress](https://i.imgur.com/MK142lQ.png "Blazor Bootstrap - Progress")
 
+### Blazor Bootstrap - Radio Input
+![Blazor Bootstrap - Radio Input](https://i.imgur.com/8koE00q.png "Blazor Bootstrap - Radio Input")
+
 ### Blazor Bootstrap - Range Input
 ![Blazor Bootstrap - Range Input](https://i.imgur.com/rWDDHaf.png "Blazor Bootstrap - Range Input")
 
@@ -236,6 +245,12 @@ Blazor Bootstrap's documentation, which is included in this repository's root di
 ### Blazor Bootstrap - Tabs
 ![Blazor Bootstrap - Tabs](https://i.imgur.com/NdE5oqH.png "Blazor Bootstrap - Tabs")
 
+### Blazor Bootstrap - Text Input
+![Blazor Bootstrap - Text Input](https://i.imgur.com/N2VUHIn.png "Blazor Bootstrap - Text Input")
+
+### Blazor Bootstrap - TextArea Input
+![Blazor Bootstrap - TextArea Input](https://i.imgur.com/aSVKMqv.png "Blazor Bootstrap - TextArea Input")
+
 ### Blazor Bootstrap - Theme Switcher
 ![Blazor Bootstrap - Theme Switcher](https://i.imgur.com/2eixWho.png "Blazor Bootstrap - Theme Switcher")
 

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

diff --git a/docs/blog/2025-02-01-blazorbootstrap-3.3.1.md b/docs/blog/2025-02-01-blazorbootstrap-3.3.1.md
@@ -0,0 +1,23 @@
+---
+title: Blazor Bootstrap v3.3.1
+authors:
+  name: Vikram Reddy
+  title: Creator
+  url: https://github.com/gvreddy04
+  image_url: https://avatars.githubusercontent.com/u/2337067
+tags: [v3.3.1, blazor, bootstrap, blazorbootstrap, radio]
+---
+
+Blazor Bootstrap v3.3.1 has been released, including a fix for the RadioInput.
+
+![image](https://i.imgur.com/sIRgmUn.png "Blazor Bootstrap Radio Input Component - Basic Usage")
+
+<!--truncate-->
+
+## What's changed
+- RadioInput component
+  - RadioInput uses wrong attribute #1015
+
+## 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.0
+Install-Package Blazor.Bootstrap -Version 3.3.1
 ```
 
 ## 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.0
+Install-Package Blazor.Bootstrap -Version 3.3.1
 ```
 
 ## 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.0
+Install-Package Blazor.Bootstrap -Version 3.3.1
 ```
 
 ### 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.0
+Install-Package Blazor.Bootstrap -Version 3.3.1
 ```
 
 ### 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.0
+Install-Package Blazor.Bootstrap -Version 3.3.1
 ```
 
 ## 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.0
+Install-Package Blazor.Bootstrap -Version 3.3.1
 ```
 
 ## 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.0
+Install-Package Blazor.Bootstrap -Version 3.3.1
 ```
 
 ## 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.0
+Install-Package Blazor.Bootstrap -Version 3.3.1
 ```
 
 ## 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.0
+Install-Package Blazor.Bootstrap -Version 3.3.1
 ```
 
 ## 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.0
+Install-Package Blazor.Bootstrap -Version 3.3.1
 ```
 
 ## Add CSS references

diff --git a/docs/docs/04-forms/checkbox-input.mdx b/docs/docs/04-forms/checkbox-input.mdx
@@ -41,18 +41,23 @@ The Blazor Bootstrap `CheckboxInput` component is constructed using an HTML inpu
 
 ### Basic Usage
 
-<img src="https://i.imgur.com/kqSggFK.png" alt="Blazor Bootstrap Checkbox Input Component - Basic Usage" />
+<img src="https://i.imgur.com/qeh02Tp.png" alt="Blazor Bootstrap Checkbox Input Component - Basic Usage" />
 
 ```cshtml {} showLineNumbers
-<CheckboxInput Label="Default checkbox" @bind-Value="isChecked" />
-<CheckboxInput Label="Checked checkbox" @bind-Value="isChecked2" />
+<CheckboxInput Label="Option 1" @bind-Value="option1" />
+<CheckboxInput Label="Option 2" @bind-Value="option2" />
+
+<div class="mt-3">
+    <div>Option 1: @option1</div>
+    <div>Option 2: @option2</div>
+</div>
 ```
 
 ```cs {} showLineNumbers
 @code
 {
-    private bool isChecked;
-    private bool isChecked2 = true;
+    private bool option1;
+    private bool option2 = true;
 }
 ```
 

diff --git a/docs/docs/04-forms/radio-input.mdx b/docs/docs/04-forms/radio-input.mdx
@@ -42,19 +42,24 @@ The Blazor Bootstrap `RadioInput` component is constructed using an HTML input o
 
 ### Basic Usage
 
-<img src="https://i.imgur.com/8koE00q.png" alt="Blazor Bootstrap Radio Input Component - Basic Usage" />
+<img src="https://i.imgur.com/sIRgmUn.png" alt="Blazor Bootstrap Radio Input Component - Basic Usage" />
 
 ```cshtml {} showLineNumbers
 <p>Would you like to receive notifications?</p>
-<RadioInput Name="EnableNotifications" Label="Yes" @bind-Value="isChecked" />
-<RadioInput Name="EnableNotifications" Label="No" @bind-Value="isChecked2" />
+<RadioInput Name="EnableNotifications" Label="Yes" @bind-Value="isYesOn" />
+<RadioInput Name="EnableNotifications" Label="No" @bind-Value="isNoOn" />
+
+<div class="mt-3">
+    <div>IsYesOn: @isYesOn</div>
+    <div>IsNoOn: @isNoOn</div>
+</div>
 ```
 
 ```cs {} showLineNumbers
 @code
 {
-    private bool isChecked;
-    private bool isChecked2 = true;
+    private bool isYesOn;
+    private bool isNoOn = true;
 }
 ```
 

diff --git a/docs/package.json b/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "blazorbootstrap",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "private": true,
   "scripts": {
     "docusaurus": "docusaurus",

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.0`
+- Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.3.1`
 - 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)