Sidebar and Sidebar2 updates

Author: gvreddy04

BlazorBootstrap.Demo.RCL/Components/Pages/Sidebar2/Sidebar2_Demo_10_Company_Logo_FullWidth.razor

@@ -20,11 +20,24 @@
     {
         navItems = new List<NavItem>
         {
-            new NavItem { Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},
-            new NavItem { Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts"},
-            new NavItem { Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete"},
-            new NavItem { Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb"},
-            new NavItem { Href = "/sidebar", IconName = IconName.LayoutSidebarInset, Text = "Sidebar"},
+            new NavItem { Id = "1", Href = "/getting-started", IconName = IconName.HouseDoorFill, Text = "Getting Started"},
+
+            new NavItem { Id = "2", IconName = IconName.LayoutSidebarInset, Text = "Content" },
+            new NavItem { Id = "3", Href = "/icons", IconName = IconName.PersonSquare, Text = "Icons", ParentId="2"},
+
+            new NavItem { Id = "4", IconName = IconName.ExclamationTriangleFill, Text = "Components" },
+            new NavItem { Id = "5", Href = "/alerts", IconName = IconName.CheckCircleFill, Text = "Alerts", ParentId="4"},
+            new NavItem { Id = "6", Href = "/breadcrumb", IconName = IconName.SegmentedNav, Text = "Breadcrumb", ParentId="4"},
+
+            new NavItem { Id = "7", IconName = IconName.ListNested, Text = "Sidebar 2", ParentId="4"},
+            new NavItem { Id = "701", Href = "/sidebar2", IconName = IconName.Dash, Text = "How to use", ParentId="7"},
+            new NavItem { Id = "702", Href = "/sidebar2-examples", IconName = IconName.Dash, Text = "Examples", ParentId="7"},
+
+            new NavItem { Id = "8", IconName = IconName.WindowPlus, Text = "Forms" },
+            new NavItem { Id = "9", Href = "/autocomplete", IconName = IconName.InputCursorText, Text = "Auto Complete", ParentId="8"},
+            new NavItem { Id = "10", Href = "/currency-input", IconName = IconName.CurrencyDollar, Text = "Currency Input", ParentId="8"},
+            new NavItem { Id = "11", Href = "/number-input", IconName = IconName.InputCursor, Text = "Number Input", ParentId="8"},
+            new NavItem { Id = "12", Href = "/switch", IconName = IconName.ToggleOn, Text = "Switch", ParentId="8"},
         };
         return navItems;
     }

docs/docs/05-components/sidebar.mdx

@@ -27,6 +27,7 @@ Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, res
 | Href | `string?` | `string.Empty` | | Gets or sets the Href. | 3.0.0 |
 | IconName | `IconName` | `IconName.None` | | Gets or sets the IconName. | 1.4.0 |
 | ImageSrc | `string?` | null | | Gets or sets the sidebar logo. | 1.4.0 |
+| ImageWidth | float | 0 | ✔️ | Gets or sets the sidebar logo width. You can change the unit by setting `WidthUnit`. | 3.4.0 |
 | Title | `string?` | null | ✔️ | Gets or sets the sidebar title. | 1.4.0 |
 | Width | float | 270 | | Gets or sets the sidebar width. | 3.0.0 |
 | WidthUnit | `Unit` | `Unit.Px` | | Gets or sets the sidebar width unit. | 3.0.0 |

docs/docs/05-components/sidebar2.mdx

@@ -27,6 +27,7 @@ Use the Blazor Bootstrap Sidebar2 component to display consistent, cross-browser
 | Href | `string?` | `string.Empty` | | Gets or sets the Href. | 3.0.0 |
 | IconName | `IconName` | `IconName.None` | | Gets or sets the IconName. | 2.1.0 |
 | ImageSrc | `string?` | null | | Gets or sets the logo. | 2.1.0 |
+| ImageWidth | float | 0 | ✔️ | Gets or sets the sidebar logo width. You can change the unit by setting `WidthUnit`. | 3.4.0 |
 | Title | `string?` | null | ✔️ | Gets or sets the title. | 2.1.0 |
 | Width | float | 270 | | Gets or sets the sidebar width. | 3.0.0 |
 | WidthUnit | `Unit` | `Unit.Px` | | Gets or sets the sidebar width unit. | 3.0.0 |