vikramlearning · gvreddy04 · Nov 30, 2025 · Dec 1, 2025 · Dec 1, 2025
diff --git a/BlazorBootstrap.Demo.RCL/Components/Layout/BlogMainLayout.razor b/BlazorBootstrap.Demo.RCL/Components/Layout/BlogMainLayout.razor
@@ -0,0 +1,2 @@
+@namespace BlazorBootstrap.Demo.RCL
+@inherits MainLayoutBase
diff --git a/BlazorBootstrap.Demo.RCL/Components/Layout/BlogMainLayout.razor.cs b/BlazorBootstrap.Demo.RCL/Components/Layout/BlogMainLayout.razor.cs
@@ -0,0 +1,5 @@
+namespace BlazorBootstrap.Demo.RCL;
+
+public partial class BlogMainLayout : MainLayoutBase
+{
+}
diff --git a/BlazorBootstrap.Demo.RCL/Components/Layout/DemosMainLayout.razor b/BlazorBootstrap.Demo.RCL/Components/Layout/DemosMainLayout.razor
@@ -0,0 +1,3 @@
+@namespace BlazorBootstrap.Demo.RCL
+@inherits MainLayoutBase
+
diff --git a/BlazorBootstrap.Demo.RCL/Components/Layout/DemosMainLayout.razor.cs b/BlazorBootstrap.Demo.RCL/Components/Layout/DemosMainLayout.razor.cs
@@ -0,0 +1,9 @@
+using System;
+using System.Collections.Generic;
+using System.Text;
+
+namespace BlazorBootstrap.Demo.RCL;
+
+public partial class DemosMainLayout : MainLayoutBase
+{
+}
diff --git a/BlazorBootstrap.Demo.RCL/Components/Layout/DocsMainLayout.razor b/BlazorBootstrap.Demo.RCL/Components/Layout/DocsMainLayout.razor
@@ -0,0 +1,2 @@
+@namespace BlazorBootstrap.Demo.RCL
+@inherits MainLayoutBase
diff --git a/BlazorBootstrap.Demo.RCL/Components/Layout/DocsMainLayout.razor.cs b/BlazorBootstrap.Demo.RCL/Components/Layout/DocsMainLayout.razor.cs
@@ -0,0 +1,9 @@
+using System;
+using System.Collections.Generic;
+using System.Text;
+
+namespace BlazorBootstrap.Demo.RCL;
+
+public partial class DocsMainLayout : MainLayoutBase
+{
+}
diff --git a/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor b/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor
@@ -3,34 +3,7 @@
 
 <BlazorBootstrapLayout StickyHeader="true">
     <HeaderSection>
-        <div>
-            <a class="nav-link py-2 px-2" href="@githubUrl" target="_blank" rel="noopener">
-                <i class="bi bi-github"></i>
-            </a>
-        </div>
-        <div>
-            <a class="nav-link py-2 px-2" href="@twitterUrl" target="_blank" rel="noopener">
-                <i class="bi bi-twitter-x"></i>
-            </a>
-        </div>
-        <div>
-            <a class="nav-link py-2 px-2" href="@linkedInUrl" target="_blank" rel="noopener">
-                <i class="bi bi-linkedin"></i>
-            </a>
-        </div>
-        <div>
-            <a class="nav-link py-2 px-2 pe-3" href="@openCollectiveUrl" target="_blank" rel="noopener">
-                <i class="bi bi-opencollective"></i>
-            </a>
-        </div>
-        <div>
-            <div class="vr mt-2"></div>
-        </div>
-
-        <ThemeSwitcher Class="ps-3 ps-lg-2"
-                       Position="DropdownMenuPosition.End"
-                       OnThemeChanged="@(async(string themeName) => await OnThemeChanged(themeName))" />
-
+        <WebsiteNavbar />
     </HeaderSection>
     <SidebarSection>
         <Sidebar2 Href="/"

diff --git a/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor.cs b/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor.cs
diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Blog/Index.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Blog/Index.razor
@@ -0,0 +1,22 @@
+@attribute [Route(pageUrl)]
+
+<PageMetaTags PageUrl="@pageUrl"
+              Title="@metaTitle"
+              Description="@metaDescription"
+              ImageUrl="@imageUrl" />
+
+<PageHero Heading="@pageTitle">
+    <LeadSection>@pageDescription</LeadSection>
+</PageHero>
+
+<CarbonAds />
+
+
+@code{
+    private const string pageUrl = DemoRouteConstants.Blog_URL_Prefix;
+    private const string pageTitle = "Blog";
+    private const string pageDescription = "An Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.";
+    private const string metaTitle = "Blog";
+    private const string metaDescription = "An Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.";
+    private const string imageUrl = "https://i.imgur.com/FGgEMp6.jpg";
+}
diff --git a/...es/Accordion/AccordionDocumentation.razor → ...os/Accordion/AccordionDocumentation.razor b/...es/Accordion/AccordionDocumentation.razor → ...os/Accordion/AccordionDocumentation.razor
@@ -113,7 +113,7 @@
 </Section>
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_Accordion_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_Accordion;
     private const string pageTitle = "Blazor Accordion";
     private const string pageDescription = "Build vertically collapsing accordions in combination with our Collapse component.";
     private const string metaTitle = "Blazor Accordion Component";

diff --git a/...ccordion/Accordion_Demo_01_Examples.razor → ...ccordion/Accordion_Demo_01_Examples.razor b/...ccordion/Accordion_Demo_01_Examples.razor → ...ccordion/Accordion_Demo_01_Examples.razor
diff --git a/...n/Accordion_Demo_02_Title_with_Icon.razor → ...n/Accordion_Demo_02_Title_with_Icon.razor b/...n/Accordion_Demo_02_Title_with_Icon.razor → ...n/Accordion_Demo_02_Title_with_Icon.razor
diff --git a/...s/Accordion/Accordion_Demo_03_Flush.razor → ...s/Accordion/Accordion_Demo_03_Flush.razor b/...s/Accordion/Accordion_Demo_03_Flush.razor → ...s/Accordion/Accordion_Demo_03_Flush.razor
diff --git a/...ccordion_Demo_04_Set_Default_Active.razor → ...ccordion_Demo_04_Set_Default_Active.razor b/...ccordion_Demo_04_Set_Default_Active.razor → ...ccordion_Demo_04_Set_Default_Active.razor
diff --git a/...rdion/Accordion_Demo_05_Always_Open.razor → ...rdion/Accordion_Demo_05_Always_Open.razor b/...rdion/Accordion_Demo_05_Always_Open.razor → ...rdion/Accordion_Demo_05_Always_Open.razor
diff --git a/...Show_Hide_Individual_AccordionItems.razor → ...Show_Hide_Individual_AccordionItems.razor b/...Show_Hide_Individual_AccordionItems.razor → ...Show_Hide_Individual_AccordionItems.razor
diff --git a/...emo_07_Show_Hide_All_AccordionItems.razor → ...emo_07_Show_Hide_All_AccordionItems.razor b/...emo_07_Show_Hide_All_AccordionItems.razor → ...emo_07_Show_Hide_All_AccordionItems.razor
diff --git a/.../Accordion/Accordion_Demo_08_Events.razor → .../Accordion/Accordion_Demo_08_Events.razor b/.../Accordion/Accordion_Demo_08_Events.razor → .../Accordion/Accordion_Demo_08_Events.razor
diff --git a/...nts/Pages/Alerts/AlertDocumentation.razor → ...ges/Demos/Alerts/AlertDocumentation.razor b/...nts/Pages/Alerts/AlertDocumentation.razor → ...ges/Demos/Alerts/AlertDocumentation.razor
@@ -1,15 +1,13 @@
 @attribute [Route(pageUrl)]
 
-<PageMetaTags PageUrl="@pageUrl"
-              Title="@metaTitle"
-              Description="@metaDescription"
-              ImageUrl="@imageUrl" />
+<DemosPageHeadSection PageUrl="@pageUrl"
+                        PageTitle="@pageTitle"
+                        PageDescription="@pageDescription"
+                        MetaTitle="@metaTitle"
+                        MetaDescription="@metaDescription"
+                        ImageUrl="@imageUrl" />
 
-<PageHero Heading="@pageTitle">
-    <LeadSection>@pageDescription</LeadSection>
-</PageHero>
-
-<CarbonAds />
+<DocsLink Href="@DemoRouteConstants.Docs_URL_Alerts" />
 
 <Section Size="HeadingSize.H2" Name="Examples" PageUrl="@pageUrl" Link="examples">
     <div class="mb-3">Alerts are available for any length of text, as well as an optional close button. For proper styling, use one of the eight colors.</div>
@@ -48,8 +46,8 @@
     <Demo Type="typeof(Alert_Demo_06_Switch_Alert_Type_Dynamically)" Tabs="true" />
 </Section>
 
-@code{
-    private const string pageUrl = RouteConstants.Demos_Alerts_Documentation;
+@code {
+    private const string pageUrl = DemoRouteConstants.Demos_URL_Alerts;
     private const string pageTitle = "Blazor Alert";
     private const string pageDescription = "Provide contextual feedback messages for typical user actions with the handful of available and flexible Blazor Bootstrap alert messages.";
     private const string metaTitle = "Blazor Alert Component";

diff --git a/...Pages/Alerts/Alert_Demo_01_Examples.razor → ...Demos/Alerts/Alert_Demo_01_Examples.razor b/...Pages/Alerts/Alert_Demo_01_Examples.razor → ...Demos/Alerts/Alert_Demo_01_Examples.razor
diff --git a/...ges/Alerts/Alert_Demo_02_Link_Color.razor → ...mos/Alerts/Alert_Demo_02_Link_Color.razor b/...ges/Alerts/Alert_Demo_02_Link_Color.razor → ...mos/Alerts/Alert_Demo_02_Link_Color.razor
diff --git a/...ts/Alert_Demo_03_Additional_Content.razor → ...ts/Alert_Demo_03_Additional_Content.razor b/...ts/Alert_Demo_03_Additional_Content.razor → ...ts/Alert_Demo_03_Additional_Content.razor
diff --git a/...ts/Pages/Alerts/Alert_Demo_04_Icons.razor → ...es/Demos/Alerts/Alert_Demo_04_Icons.razor b/...ts/Pages/Alerts/Alert_Demo_04_Icons.razor → ...es/Demos/Alerts/Alert_Demo_04_Icons.razor
diff --git a/...s/Alerts/Alert_Demo_05_Dismissing_A.razor → ...s/Alerts/Alert_Demo_05_Dismissing_A.razor b/...s/Alerts/Alert_Demo_05_Dismissing_A.razor → ...s/Alerts/Alert_Demo_05_Dismissing_A.razor
diff --git a/...s/Alerts/Alert_Demo_05_Dismissing_B.razor → ...s/Alerts/Alert_Demo_05_Dismissing_B.razor b/...s/Alerts/Alert_Demo_05_Dismissing_B.razor → ...s/Alerts/Alert_Demo_05_Dismissing_B.razor
diff --git a/...mo_06_Switch_Alert_Type_Dynamically.razor → ...mo_06_Switch_Alert_Type_Dynamically.razor b/...mo_06_Switch_Alert_Type_Dynamically.razor → ...mo_06_Switch_Alert_Type_Dynamically.razor
diff --git a/...ents/Pages/Badge/BadgeDocumentation.razor → ...ages/Demos/Badge/BadgeDocumentation.razor b/...ents/Pages/Badge/BadgeDocumentation.razor → ...ages/Demos/Badge/BadgeDocumentation.razor
@@ -61,7 +61,7 @@
 </Section>
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_Badge_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_Badge;
     private const string pageTitle = "Blazor Badge";
     private const string pageDescription = "The Blazor Bootstrap Badge component shows the small count and labels.";
     private const string metaTitle = "Blazor Badge Component";

diff --git a/.../Pages/Badge/Badge_Demo_01_Examples.razor → .../Demos/Badge/Badge_Demo_01_Examples.razor b/.../Pages/Badge/Badge_Demo_01_Examples.razor → .../Demos/Badge/Badge_Demo_01_Examples.razor
diff --git a/...dge/Badge_Demo_02_Background_Colors.razor → ...dge/Badge_Demo_02_Background_Colors.razor b/...dge/Badge_Demo_02_Background_Colors.razor → ...dge/Badge_Demo_02_Background_Colors.razor
diff --git a/...ges/Badge/Badge_Demo_03_Pill_Badges.razor → ...mos/Badge/Badge_Demo_03_Pill_Badges.razor b/...ges/Badge/Badge_Demo_03_Pill_Badges.razor → ...mos/Badge/Badge_Demo_03_Pill_Badges.razor
diff --git a/...s/Pages/Badge/Badge_Demo_04_Buttons.razor → ...s/Demos/Badge/Badge_Demo_04_Buttons.razor b/...s/Pages/Badge/Badge_Demo_04_Buttons.razor → ...s/Demos/Badge/Badge_Demo_04_Buttons.razor
diff --git a/...ages/Badge/Badge_Demo_05_Positioned.razor → ...emos/Badge/Badge_Demo_05_Positioned.razor b/...ages/Badge/Badge_Demo_05_Positioned.razor → ...emos/Badge/Badge_Demo_05_Positioned.razor
diff --git a/...dge/Badge_Demo_06_Generic_Indicator.razor → ...dge/Badge_Demo_06_Generic_Indicator.razor b/...dge/Badge_Demo_06_Generic_Indicator.razor → ...dge/Badge_Demo_06_Generic_Indicator.razor
diff --git a/.../Breadcrumb/BreadcrumbDocumentation.razor → .../Breadcrumb/BreadcrumbDocumentation.razor b/.../Breadcrumb/BreadcrumbDocumentation.razor → .../Breadcrumb/BreadcrumbDocumentation.razor
@@ -24,7 +24,7 @@
 </Section>
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_Breadcrumb_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_Breadcrumb;
     private const string pageTitle = "Blazor Breadcrumb";
     private const string pageDescription = "Indicate the current page's location within a navigational hierarchy that automatically adds separators.";
     private const string metaTitle = "Blazor Breadcrumb Component";

diff --git a/...adcrumb/Breadcrumb_Demo_01_Examples.razor → ...adcrumb/Breadcrumb_Demo_01_Examples.razor b/...adcrumb/Breadcrumb_Demo_01_Examples.razor → ...adcrumb/Breadcrumb_Demo_01_Examples.razor
diff --git a/...adcrumb/Breadcrumb_Demo_02_Dividers.razor → ...adcrumb/Breadcrumb_Demo_02_Dividers.razor b/...adcrumb/Breadcrumb_Demo_02_Dividers.razor → ...adcrumb/Breadcrumb_Demo_02_Dividers.razor
diff --git a/...umb/Breadcrumb_Demo_03_Embedded_SVG.razor → ...umb/Breadcrumb_Demo_03_Embedded_SVG.razor b/...umb/Breadcrumb_Demo_03_Embedded_SVG.razor → ...umb/Breadcrumb_Demo_03_Embedded_SVG.razor
diff --git a/...s/Pages/Buttons/ButtonDocumentation.razor → ...s/Demos/Buttons/ButtonDocumentation.razor b/...s/Pages/Buttons/ButtonDocumentation.razor → ...s/Demos/Buttons/ButtonDocumentation.razor
@@ -101,7 +101,7 @@
 </Section>
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_Buttons_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_Buttons;
     private const string pageTitle = "Blazor Button";
     private const string pageDescription = "Use Blazor Bootstrap button styles for actions in forms, dialogs, and more with support for multiple sizes, states, etc.";
     private const string metaTitle = "Blazor Button Component";

diff --git a/...ges/Buttons/Button_Demo_01_Examples.razor → ...mos/Buttons/Button_Demo_01_Examples.razor b/...ges/Buttons/Button_Demo_01_Examples.razor → ...mos/Buttons/Button_Demo_01_Examples.razor
diff --git a/.../Buttons/Button_Demo_02_Button_Tags.razor → .../Buttons/Button_Demo_02_Button_Tags.razor b/.../Buttons/Button_Demo_02_Button_Tags.razor → .../Buttons/Button_Demo_02_Button_Tags.razor
diff --git a/...tons/Button_Demo_03_Outline_Buttons.razor → ...tons/Button_Demo_03_Outline_Buttons.razor b/...tons/Button_Demo_03_Outline_Buttons.razor → ...tons/Button_Demo_03_Outline_Buttons.razor
diff --git a/...ages/Buttons/Button_Demo_04_Sizes_A.razor → ...emos/Buttons/Button_Demo_04_Sizes_A.razor b/...ages/Buttons/Button_Demo_04_Sizes_A.razor → ...emos/Buttons/Button_Demo_04_Sizes_A.razor
diff --git a/...ages/Buttons/Button_Demo_04_Sizes_B.razor → ...emos/Buttons/Button_Demo_04_Sizes_B.razor b/...ages/Buttons/Button_Demo_04_Sizes_B.razor → ...emos/Buttons/Button_Demo_04_Sizes_B.razor
diff --git a/...ages/Buttons/Button_Demo_04_Sizes_C.razor → ...emos/Buttons/Button_Demo_04_Sizes_C.razor b/...ages/Buttons/Button_Demo_04_Sizes_C.razor → ...emos/Buttons/Button_Demo_04_Sizes_C.razor
diff --git a/...ons/Button_Demo_05_Disabled_State_A.razor → ...ons/Button_Demo_05_Disabled_State_A.razor b/...ons/Button_Demo_05_Disabled_State_A.razor → ...ons/Button_Demo_05_Disabled_State_A.razor
diff --git a/...ons/Button_Demo_05_Disabled_State_B.razor → ...ons/Button_Demo_05_Disabled_State_B.razor b/...ons/Button_Demo_05_Disabled_State_B.razor → ...ons/Button_Demo_05_Disabled_State_B.razor
diff --git a/...tons/Button_Demo_06_Block_Buttons_A.razor → ...tons/Button_Demo_06_Block_Buttons_A.razor b/...tons/Button_Demo_06_Block_Buttons_A.razor → ...tons/Button_Demo_06_Block_Buttons_A.razor
diff --git a/...tons/Button_Demo_06_Block_Buttons_B.razor → ...tons/Button_Demo_06_Block_Buttons_B.razor b/...tons/Button_Demo_06_Block_Buttons_B.razor → ...tons/Button_Demo_06_Block_Buttons_B.razor
diff --git a/...tons/Button_Demo_06_Block_Buttons_C.razor → ...tons/Button_Demo_06_Block_Buttons_C.razor b/...tons/Button_Demo_06_Block_Buttons_C.razor → ...tons/Button_Demo_06_Block_Buttons_C.razor
diff --git a/...tons/Button_Demo_06_Block_Buttons_D.razor → ...tons/Button_Demo_06_Block_Buttons_D.razor b/...tons/Button_Demo_06_Block_Buttons_D.razor → ...tons/Button_Demo_06_Block_Buttons_D.razor
diff --git a/...tons/Button_Demo_07_Toggle_States_A.razor → ...tons/Button_Demo_07_Toggle_States_A.razor b/...tons/Button_Demo_07_Toggle_States_A.razor → ...tons/Button_Demo_07_Toggle_States_A.razor
diff --git a/...tons/Button_Demo_07_Toggle_States_B.razor → ...tons/Button_Demo_07_Toggle_States_B.razor b/...tons/Button_Demo_07_Toggle_States_B.razor → ...tons/Button_Demo_07_Toggle_States_B.razor
diff --git a/...tons/Button_Demo_08_Loading_Spinner.razor → ...tons/Button_Demo_08_Loading_Spinner.razor b/...tons/Button_Demo_08_Loading_Spinner.razor → ...tons/Button_Demo_08_Loading_Spinner.razor
diff --git a/...n_Demo_08_Show_Hide_Loading_Spinner.razor → ...n_Demo_08_Show_Hide_Loading_Spinner.razor b/...n_Demo_08_Show_Hide_Loading_Spinner.razor → ...n_Demo_08_Show_Hide_Loading_Spinner.razor
diff --git a/...ttons/Button_Demo_09_A_Show_Tooltip.razor → ...ttons/Button_Demo_09_A_Show_Tooltip.razor b/...ttons/Button_Demo_09_A_Show_Tooltip.razor → ...ttons/Button_Demo_09_A_Show_Tooltip.razor
diff --git a/...Dynamically_update_the_tooltip_text.razor → ...Dynamically_update_the_tooltip_text.razor b/...Dynamically_update_the_tooltip_text.razor → ...Dynamically_update_the_tooltip_text.razor
diff --git a/...tons/Button_Demo_09_C_Tooltip_Color.razor → ...tons/Button_Demo_09_C_Tooltip_Color.razor b/...tons/Button_Demo_09_C_Tooltip_Color.razor → ...tons/Button_Demo_09_C_Tooltip_Color.razor
diff --git a/.../Buttons/Button_Demo_10_Click_Event.razor → .../Buttons/Button_Demo_10_Click_Event.razor b/.../Buttons/Button_Demo_10_Click_Event.razor → .../Buttons/Button_Demo_10_Click_Event.razor
diff --git a/...s/Button_Demo_11_Double_Click_Event.razor → ...s/Button_Demo_11_Double_Click_Event.razor b/...s/Button_Demo_11_Double_Click_Event.razor → ...s/Button_Demo_11_Double_Click_Event.razor
diff --git a/...utton_Demo_12_Click_Event_With_Args.razor → ...utton_Demo_12_Click_Event_With_Args.razor b/...utton_Demo_12_Click_Event_With_Args.razor → ...utton_Demo_12_Click_Event_With_Args.razor
diff --git a/..._Demo_13_Disable_Enable_Dynamically.razor → ..._Demo_13_Disable_Enable_Dynamically.razor b/..._Demo_13_Disable_Enable_Dynamically.razor → ..._Demo_13_Disable_Enable_Dynamically.razor
diff --git a/.../Pages/Callout/CalloutDocumentation.razor → .../Demos/Callout/CalloutDocumentation.razor b/.../Pages/Callout/CalloutDocumentation.razor → .../Demos/Callout/CalloutDocumentation.razor
@@ -28,7 +28,7 @@
 </Section>
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_Callout_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_Callout;
     private const string pageTitle = "Blazor Callout";
     private const string pageDescription = "Blazor Bootstrap callout component provides content presentation in a visually distinct manner.";
     private const string metaTitle = "Blazor Callout Component";

diff --git a/...es/Callout/Callout_Demo_01_Examples.razor → ...os/Callout/Callout_Demo_01_Examples.razor b/...es/Callout/Callout_Demo_01_Examples.razor → ...os/Callout/Callout_Demo_01_Examples.razor
diff --git a/...lout/Callout_Demo_02_Change_Heading.razor → ...lout/Callout_Demo_02_Change_Heading.razor b/...lout/Callout_Demo_02_Change_Heading.razor → ...lout/Callout_Demo_02_Change_Heading.razor
diff --git a/.../Callout/Callout_Demo_03_Large_Text.razor → .../Callout/Callout_Demo_03_Large_Text.razor b/.../Callout/Callout_Demo_03_Large_Text.razor → .../Callout/Callout_Demo_03_Large_Text.razor
diff --git a/...allout/Callout_Demo_04_Hide_Heading.razor → ...allout/Callout_Demo_04_Hide_Heading.razor b/...allout/Callout_Demo_04_Hide_Heading.razor → ...allout/Callout_Demo_04_Hide_Heading.razor
diff --git a/...onents/Pages/Card/CardDocumentation.razor → .../Pages/Demos/Card/CardDocumentation.razor b/...onents/Pages/Card/CardDocumentation.razor → .../Pages/Demos/Card/CardDocumentation.razor
@@ -104,7 +104,7 @@
 </Section>
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_Card_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_Card;
     private const string pageTitle = "Blazor Card";
     private const string pageDescription = "BootstrapBootstrap's cards provide a flexible and extensible content container with multiple variants and options.";
     private const string metaTitle = "Blazor Card Component";

diff --git a/...ts/Pages/Card/Card_Demo_01_Examples.razor → ...es/Demos/Card/Card_Demo_01_Examples.razor b/...ts/Pages/Card/Card_Demo_01_Examples.razor → ...es/Demos/Card/Card_Demo_01_Examples.razor
diff --git a/...ard/Card_Demo_02_Content_Types_Body.razor → ...ard/Card_Demo_02_Content_Types_Body.razor b/...ard/Card_Demo_02_Content_Types_Body.razor → ...ard/Card_Demo_02_Content_Types_Body.razor
diff --git a/...Content_Types_Titles_Text_And_Links.razor → ...Content_Types_Titles_Text_And_Links.razor b/...Content_Types_Titles_Text_And_Links.razor → ...Content_Types_Titles_Text_And_Links.razor
diff --git a/...d/Card_Demo_04_Content_Types_Images.razor → ...d/Card_Demo_04_Content_Types_Images.razor b/...d/Card_Demo_04_Content_Types_Images.razor → ...d/Card_Demo_04_Content_Types_Images.razor
diff --git a/...d_Demo_05_Content_Types_List_Groups.razor → ...d_Demo_05_Content_Types_List_Groups.razor b/...d_Demo_05_Content_Types_List_Groups.razor → ...d_Demo_05_Content_Types_List_Groups.razor
diff --git a/..._Demo_06_Content_Types_Kitchen_Sink.razor → ..._Demo_06_Content_Types_Kitchen_Sink.razor b/..._Demo_06_Content_Types_Kitchen_Sink.razor → ..._Demo_06_Content_Types_Kitchen_Sink.razor
diff --git a/...Card/Card_Demo_07_Header_And_Footer.razor → ...Card/Card_Demo_07_Header_And_Footer.razor b/...Card/Card_Demo_07_Header_And_Footer.razor → ...Card/Card_Demo_07_Header_And_Footer.razor
diff --git a/...ents/Pages/Card/Card_Demo_08_Sizing.razor → ...ages/Demos/Card/Card_Demo_08_Sizing.razor b/...ents/Pages/Card/Card_Demo_08_Sizing.razor → ...ages/Demos/Card/Card_Demo_08_Sizing.razor
diff --git a/...es/Card/Card_Demo_09_Text_Alignment.razor → ...os/Card/Card_Demo_09_Text_Alignment.razor b/...es/Card/Card_Demo_09_Text_Alignment.razor → ...os/Card/Card_Demo_09_Text_Alignment.razor
diff --git a/...d/Card_Demo_10_Background_And_Color.razor → ...d/Card_Demo_10_Background_And_Color.razor b/...d/Card_Demo_10_Background_And_Color.razor → ...d/Card_Demo_10_Background_And_Color.razor
diff --git a/...Pages/Card/Card_Demo_11_Card_Groups.razor → ...Demos/Card/Card_Demo_11_Card_Groups.razor b/...Pages/Card/Card_Demo_11_Card_Groups.razor → ...Demos/Card/Card_Demo_11_Card_Groups.razor
diff --git a/...ard_Demo_12_Card_Groups_With_Footer.razor → ...ard_Demo_12_Card_Groups_With_Footer.razor b/...ard_Demo_12_Card_Groups_With_Footer.razor → ...ard_Demo_12_Card_Groups_With_Footer.razor
diff --git a/...ages/Carousel/CarouselDocumentation.razor → ...emos/Carousel/CarouselDocumentation.razor b/...ages/Carousel/CarouselDocumentation.razor → ...emos/Carousel/CarouselDocumentation.razor
@@ -105,7 +105,7 @@
 </Callout>
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_Carousel_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_Carousel;
     private const string pageTitle = "Blazor Carousel";
     private const string pageDescription = "Blazor Carousel component is a slideshow component that cycles through elements, images, or slides of text.";
     private const string metaTitle = "Blazor Carousel Component";

diff --git a/.../Carousel/Carousel_Demo_01_Examples.razor → .../Carousel/Carousel_Demo_01_Examples.razor b/.../Carousel/Carousel_Demo_01_Examples.razor → .../Carousel/Carousel_Demo_01_Examples.razor
diff --git a/...arousel/Carousel_Demo_02_Indicators.razor → ...arousel/Carousel_Demo_02_Indicators.razor b/...arousel/Carousel_Demo_02_Indicators.razor → ...arousel/Carousel_Demo_02_Indicators.razor
diff --git a/.../Carousel/Carousel_Demo_03_Captions.razor → .../Carousel/Carousel_Demo_03_Captions.razor b/.../Carousel/Carousel_Demo_03_Captions.razor → .../Carousel/Carousel_Demo_03_Captions.razor
diff --git a/...Carousel/Carousel_Demo_04_Crossfade.razor → ...Carousel/Carousel_Demo_04_Crossfade.razor b/...Carousel/Carousel_Demo_04_Crossfade.razor → ...Carousel/Carousel_Demo_04_Crossfade.razor
diff --git a/..._Demo_05_Autoplay_A_StartOnPageLoad.razor → ..._Demo_05_Autoplay_A_StartOnPageLoad.razor b/..._Demo_05_Autoplay_A_StartOnPageLoad.razor → ..._Demo_05_Autoplay_A_StartOnPageLoad.razor
diff --git a/...utoplay_B_StartAfterUserInteraction.razor → ...utoplay_B_StartAfterUserInteraction.razor b/...utoplay_B_StartAfterUserInteraction.razor → ...utoplay_B_StartAfterUserInteraction.razor
diff --git a/...06_Individual_Carouselitem_Interval.razor → ...06_Individual_Carouselitem_Interval.razor b/...06_Individual_Carouselitem_Interval.razor → ...06_Individual_Carouselitem_Interval.razor
diff --git a/...oplaying_Carousels_without_Controls.razor → ...oplaying_Carousels_without_Controls.razor b/...oplaying_Carousels_without_Controls.razor → ...oplaying_Carousels_without_Controls.razor
diff --git a/...ges/Carousel/Carousel_Demo_08_Touch.razor → ...mos/Carousel/Carousel_Demo_08_Touch.razor b/...ges/Carousel/Carousel_Demo_08_Touch.razor → ...mos/Carousel/Carousel_Demo_08_Touch.razor
diff --git a/...es/Carousel/Carousel_Demo_09_Events.razor → ...os/Carousel/Carousel_Demo_09_Events.razor b/...es/Carousel/Carousel_Demo_09_Events.razor → ...os/Carousel/Carousel_Demo_09_Events.razor
diff --git a/...rts/BarCharts/BarChartDocumentation.razor → ...rts/BarCharts/BarChartDocumentation.razor b/...rts/BarCharts/BarChartDocumentation.razor → ...rts/BarCharts/BarChartDocumentation.razor
@@ -45,7 +45,7 @@
 <ChartJSCallout />
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_BarChart_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_BarChart;
     private const string pageTitle = "Blazor Bar Chart";
     private const string pageDescription = "A Blazor Bootstrap bar chart component is used to represent data values as vertical bars. It is sometimes used to show trend data and to compare multiple data sets side by side.";
     private const string metaTitle = "Blazor Bar Chart Component";

diff --git a/...BarCharts/BarChart_Demo_01_Examples.razor → ...BarCharts/BarChart_Demo_01_Examples.razor b/...BarCharts/BarChart_Demo_01_Examples.razor → ...BarCharts/BarChart_Demo_01_Examples.razor
diff --git a/...arChart_Demo_02_Horizontal_BarChart.razor → ...arChart_Demo_02_Horizontal_BarChart.razor b/...arChart_Demo_02_Horizontal_BarChart.razor → ...arChart_Demo_02_Horizontal_BarChart.razor
diff --git a/...s/BarChart_Demo_03_Stacked_BarChart.razor → ...s/BarChart_Demo_03_Stacked_BarChart.razor b/...s/BarChart_Demo_03_Stacked_BarChart.razor → ...s/BarChart_Demo_03_Stacked_BarChart.razor
diff --git a/...s/BarCharts/BarChart_Demo_04_Locale.razor → ...s/BarCharts/BarChart_Demo_04_Locale.razor b/...s/BarCharts/BarChart_Demo_04_Locale.razor → ...s/BarCharts/BarChart_Demo_04_Locale.razor
diff --git a/...05_Stacked_BarChart_with_Datalabels.razor → ...05_Stacked_BarChart_with_Datalabels.razor b/...05_Stacked_BarChart_with_Datalabels.razor → ...05_Stacked_BarChart_with_Datalabels.razor
diff --git a/...ts/Pages/Charts/ChartsDocumentation.razor → ...es/Demos/Charts/ChartsDocumentation.razor b/...ts/Pages/Charts/ChartsDocumentation.razor → ...es/Demos/Charts/ChartsDocumentation.razor
@@ -18,13 +18,13 @@
 <Section Size="HeadingSize.H4" Name="Chart Types" PageUrl="@pageUrl" Link="chart-types">
     <div class="mb-2">At this moment we are supporting seven blazor chart types.</div>
     <ol>
-        <li><a href="@RouteConstants.Demos_BarChart_Documentation">Bar Chart</a></li>
-        <li><a href="@RouteConstants.Demos_DoughnutChart_Documentation">Doughnut Chart</a></li>
-        <li><a href="@RouteConstants.Demos_LineChart_Documentation">Line Chart</a></li>
-        <li><a href="@RouteConstants.Demos_PieChart_Documentation">Pie Chart</a></li>
-        <li><a href="@RouteConstants.Demos_PolarAreaChart_Documentation">Polar Area Chart</a></li>
-        <li><a href="@RouteConstants.Demos_RadarChart_Documentation">Radar Chart</a></li>
-        <li><a href="@RouteConstants.Demos_ScatterChart_Documentation">Scatter Chart</a></li>
+        <li><a href="@DemoRouteConstants.Demos_URL_BarChart">Bar Chart</a></li>
+        <li><a href="@DemoRouteConstants.Demos_URL_DoughnutChart">Doughnut Chart</a></li>
+        <li><a href="@DemoRouteConstants.Demos_URL_LineChart">Line Chart</a></li>
+        <li><a href="@DemoRouteConstants.Demos_URL_PieChart">Pie Chart</a></li>
+        <li><a href="@DemoRouteConstants.Demos_URL_PolarAreaChart">Polar Area Chart</a></li>
+        <li><a href="@DemoRouteConstants.Demos_URL_RadarChart">Radar Chart</a></li>
+        <li><a href="@DemoRouteConstants.Demos_URL_ScatterChart">Scatter Chart</a></li>
     </ol>
 
     <Callout Color="CalloutColor.Info">
@@ -34,14 +34,14 @@
 
 <Section Size="HeadingSize.H4" Name="Charts Setup" PageUrl="@pageUrl" Link="charts-setup">
     <div class="mb-3">
-        Refer to the <a href="@RouteConstants.Demos_GettingStarted_Documentation">getting started guide</a> for setting up charts.
+        Refer to the <a href="@DemoRouteConstants.Demos_URL_GettingStarted">getting started guide</a> for setting up charts.
     </div>
 </Section>
 
 <ChartJSCallout />
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_Charts_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_Charts;
     private const string pageTitle = "Blazor Charts";
     private const string pageDescription = "Blazor Bootstrap charts are well-designed chart components on top of Chart.js to visualize data. It contains a rich UI gallery of charts that cater to all charting scenarios. Its high performance helps render large amounts of data quickly.";
     private const string metaTitle = "Blazor Chart Components";

diff --git a/...ages/Charts/Charts_Demo_00_Examples.razor → ...emos/Charts/Charts_Demo_00_Examples.razor b/...ages/Charts/Charts_Demo_00_Examples.razor → ...emos/Charts/Charts_Demo_00_Examples.razor
diff --git a/...utCharts/DoughnutChartDocumentation.razor → ...utCharts/DoughnutChartDocumentation.razor b/...utCharts/DoughnutChartDocumentation.razor → ...utCharts/DoughnutChartDocumentation.razor
@@ -35,7 +35,7 @@
 <ChartJSCallout />
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_DoughnutChart_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_DoughnutChart;
     private const string pageTitle = "Blazor Doughnut Chart";
     private const string pageDescription = "A Blazor donut chart component is a circular chart that shows the proportional values of different categories. It is similar to a pie chart, but the center of the donut chart is hollow. This makes it easier to see the individual values of each category.";
     private const string metaTitle = "Blazor Doughnut Chart Component";

diff --git a/...arts/DoughnutChart_Demo_01_Examples.razor → ...arts/DoughnutChart_Demo_01_Examples.razor b/...arts/DoughnutChart_Demo_01_Examples.razor → ...arts/DoughnutChart_Demo_01_Examples.razor
diff --git a/...ts/DoughnutChart_Demo_02_Datalabels.razor → ...ts/DoughnutChart_Demo_02_Datalabels.razor b/...ts/DoughnutChart_Demo_02_Datalabels.razor → ...ts/DoughnutChart_Demo_02_Datalabels.razor
diff --git a/...s/LineCharts/LineChartDocumentation.razor → ...s/LineCharts/LineChartDocumentation.razor b/...s/LineCharts/LineChartDocumentation.razor → ...s/LineCharts/LineChartDocumentation.razor
@@ -57,7 +57,7 @@
 <ChartJSCallout />
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_LineChart_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_LineChart;
     private const string pageTitle = "Blazor Line Chart";
     private const string pageDescription = "A Blazor Bootstrap line chart component is a graphical representation of data that uses a series of connected points to show how the data changes over time. It is a type of x-y chart, where the x-axis represents the independent variable, such as time, and the y-axis represents the dependent variable, such as the value.";
     private const string metaTitle = "Blazor Line Chart Component";

diff --git a/...Charts/LineChart_Demo_01_A_Examples.razor → ...Charts/LineChart_Demo_01_A_Examples.razor b/...Charts/LineChart_Demo_01_A_Examples.razor → ...Charts/LineChart_Demo_01_A_Examples.razor
diff --git a/...Charts/LineChart_Demo_01_B_Examples.razor → ...Charts/LineChart_Demo_01_B_Examples.razor b/...Charts/LineChart_Demo_01_B_Examples.razor → ...Charts/LineChart_Demo_01_B_Examples.razor
diff --git a/...LineCharts/LineChart_Demo_02_Locale.razor → ...LineCharts/LineChart_Demo_02_Locale.razor b/...LineCharts/LineChart_Demo_02_Locale.razor → ...LineCharts/LineChart_Demo_02_Locale.razor
diff --git a/...eChart_Demo_03_Dynamically_add_data.razor → ...eChart_Demo_03_Dynamically_add_data.razor b/...eChart_Demo_03_Dynamically_add_data.razor → ...eChart_Demo_03_Dynamically_add_data.razor
diff --git a/...Charts/LineChart_Demo_04_Datalabels.razor → ...Charts/LineChart_Demo_04_Datalabels.razor b/...Charts/LineChart_Demo_04_Datalabels.razor → ...Charts/LineChart_Demo_04_Datalabels.razor
diff --git a/...ineChart_Demo_05_Tick_Configuration.razor → ...ineChart_Demo_05_Tick_Configuration.razor b/...ineChart_Demo_05_Tick_Configuration.razor → ...ineChart_Demo_05_Tick_Configuration.razor
diff --git a/...arts/LineChart_Demo_06_Dataset_Fill.razor → ...arts/LineChart_Demo_06_Dataset_Fill.razor b/...arts/LineChart_Demo_06_Dataset_Fill.razor → ...arts/LineChart_Demo_06_Dataset_Fill.razor
diff --git a/...rts/PieCharts/PieChartDocumentation.razor → ...rts/PieCharts/PieChartDocumentation.razor b/...rts/PieCharts/PieChartDocumentation.razor → ...rts/PieCharts/PieChartDocumentation.razor
@@ -42,7 +42,7 @@
 <ChartJSCallout />
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_PieChart_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_PieChart;
     private const string pageTitle = "Blazor Pie Chart";
     private const string pageDescription = "A Blazor Bootstrap pie chart component is a circular chart that shows the proportional values of different categories.";
     private const string metaTitle = "Blazor Pie Chart";

diff --git a/...PieCharts/PieChart_Demo_01_Examples.razor → ...PieCharts/PieChart_Demo_01_Examples.razor b/...PieCharts/PieChart_Demo_01_Examples.razor → ...PieCharts/PieChart_Demo_01_Examples.razor
diff --git a/...eCharts/PieChart_Demo_02_Datalabels.razor → ...eCharts/PieChart_Demo_02_Datalabels.razor b/...eCharts/PieChart_Demo_02_Datalabels.razor → ...eCharts/PieChart_Demo_02_Datalabels.razor
diff --git a/...hart_Demo_03_Change_Legend_Position.razor → ...hart_Demo_03_Change_Legend_Position.razor b/...hart_Demo_03_Change_Legend_Position.razor → ...hart_Demo_03_Change_Legend_Position.razor
diff --git a/...aCharts/PolarAreaChartDocumentation.razor → ...aCharts/PolarAreaChartDocumentation.razor b/...aCharts/PolarAreaChartDocumentation.razor → ...aCharts/PolarAreaChartDocumentation.razor
@@ -31,7 +31,7 @@
 <ChartJSCallout />
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_PolarAreaChart_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_PolarAreaChart;
     private const string pageTitle = "Blazor Polar Area Chart";
     private const string pageDescription = "A Blazor Bootstrap polar area charts are similar to pie charts, but each segment has the same angle - the radius of the segment differs depending on the value.";
     private const string metaTitle = "Blazor Polar Area Chart Component";

diff --git a/...rts/PolarAreaChart_Demo_01_Examples.razor → ...rts/PolarAreaChart_Demo_01_Examples.razor b/...rts/PolarAreaChart_Demo_01_Examples.razor → ...rts/PolarAreaChart_Demo_01_Examples.razor
diff --git a/...RadarCharts/RadarChartDocumentation.razor → ...RadarCharts/RadarChartDocumentation.razor b/...RadarCharts/RadarChartDocumentation.razor → ...RadarCharts/RadarChartDocumentation.razor
@@ -31,7 +31,7 @@
 <ChartJSCallout />
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_RadarChart_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_RadarChart;
     private const string pageTitle = "Blazor Radar Chart";
     private const string pageDescription = "A Blazor Bootstrap radar chart component is a way of showing multiple data points and the variation between them. They are often useful for comparing the points of two or more different data sets.";
     private const string metaTitle = "Blazor Radar Chart Component";

diff --git a/...rCharts/RadarChart_Demo_01_Examples.razor → ...rCharts/RadarChart_Demo_01_Examples.razor b/...rCharts/RadarChart_Demo_01_Examples.razor → ...rCharts/RadarChart_Demo_01_Examples.razor
diff --git a/...terCharts/ScatterChartDocumentation.razor → ...terCharts/ScatterChartDocumentation.razor b/...terCharts/ScatterChartDocumentation.razor → ...terCharts/ScatterChartDocumentation.razor
@@ -40,7 +40,7 @@
 <ChartJSCallout />
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_ScatterChart_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_ScatterChart;
     private const string pageTitle = "Blazor Scatter Chart";
     private const string pageDescription = "A Blazor Bootstrap scatter chart components are based on basic line charts with the x-axis changed to a linear axis. To use a scatter chart, data must be passed as objects containing X and Y properties.";
     private const string metaTitle = "Blazor Scatter Chart Component";

diff --git a/.../ScatterChart_Demo_01_Basic_Example.razor → .../ScatterChart_Demo_01_Basic_Example.razor b/.../ScatterChart_Demo_01_Basic_Example.razor → .../ScatterChart_Demo_01_Basic_Example.razor
diff --git a/...s/ScatterChart_Demo_02_Dynamic_Data.razor → ...s/ScatterChart_Demo_02_Dynamic_Data.razor b/...s/ScatterChart_Demo_02_Dynamic_Data.razor → ...s/ScatterChart_Demo_02_Dynamic_Data.razor
diff --git a/...omponents/Pages/Charts/Utils_Colors.razor → ...nts/Pages/Demos/Charts/Utils_Colors.razor b/...omponents/Pages/Charts/Utils_Colors.razor → ...nts/Pages/Demos/Charts/Utils_Colors.razor
diff --git a/...ages/Collapse/CollapseDocumentation.razor → ...emos/Collapse/CollapseDocumentation.razor b/...ages/Collapse/CollapseDocumentation.razor → ...emos/Collapse/CollapseDocumentation.razor
@@ -71,7 +71,7 @@
 </Section>
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_Collapse_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_Collapse;
     private const string pageTitle = "Blazor Collapse";
     private const string pageDescription = "Toggle the visibility of content across your project with the Blazor Bootstrap Collapse component.";
     private const string metaTitle = "Blazor Collapse Component";

diff --git a/.../Collapse/Collapse_Demo_01_Examples.razor → .../Collapse/Collapse_Demo_01_Examples.razor b/.../Collapse/Collapse_Demo_01_Examples.razor → .../Collapse/Collapse_Demo_01_Examples.razor
diff --git a/...ollapse/Collapse_Demo_02_Horizontal.razor → ...ollapse/Collapse_Demo_02_Horizontal.razor b/...ollapse/Collapse_Demo_02_Horizontal.razor → ...ollapse/Collapse_Demo_02_Horizontal.razor
diff --git a/...es/Collapse/Collapse_Demo_03_Events.razor → ...os/Collapse/Collapse_Demo_03_Events.razor b/...es/Collapse/Collapse_Demo_03_Events.razor → ...os/Collapse/Collapse_Demo_03_Events.razor
diff --git a/...rmDialog/ConfirmDialogDocumentation.razor → ...rmDialog/ConfirmDialogDocumentation.razor b/...rmDialog/ConfirmDialogDocumentation.razor → ...rmDialog/ConfirmDialogDocumentation.razor
@@ -74,7 +74,7 @@
 </Section>
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_ConfirmDialog_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_ConfirmDialog;
     private const string pageTitle = "Blazor Confirm Dialog";
     private const string pageDescription = "Use Blazor Bootstrap confirm dialog component if you want the user to verify or accept something.";
     private const string metaTitle = "Blazor Confirm Dialog Component";

diff --git a/...alog/ConfirmDialog_Demo_01_Examples.razor → ...alog/ConfirmDialog_Demo_01_Examples.razor b/...alog/ConfirmDialog_Demo_01_Examples.razor → ...alog/ConfirmDialog_Demo_01_Examples.razor
diff --git a/...Dynamic_Component_As_Confirm_Dialog.razor → ...Dynamic_Component_As_Confirm_Dialog.razor b/...Dynamic_Component_As_Confirm_Dialog.razor → ...Dynamic_Component_As_Confirm_Dialog.razor
diff --git a/...mo_04_Change_Buttons_Text_And_Color.razor → ...mo_04_Change_Buttons_Text_And_Color.razor b/...mo_04_Change_Buttons_Text_And_Color.razor → ...mo_04_Change_Buttons_Text_And_Color.razor
diff --git a/...onfirmDialog_Demo_05_Optional_Sizes.razor → ...onfirmDialog_Demo_05_Optional_Sizes.razor b/...onfirmDialog_Demo_05_Optional_Sizes.razor → ...onfirmDialog_Demo_05_Optional_Sizes.razor
diff --git a/...g_Demo_06_Scrolling_Long_Content_01.razor → ...g_Demo_06_Scrolling_Long_Content_01.razor b/...g_Demo_06_Scrolling_Long_Content_01.razor → ...g_Demo_06_Scrolling_Long_Content_01.razor
diff --git a/...g_Demo_06_Scrolling_Long_Content_02.razor → ...g_Demo_06_Scrolling_Long_Content_02.razor b/...g_Demo_06_Scrolling_Long_Content_02.razor → ...g_Demo_06_Scrolling_Long_Content_02.razor
diff --git a/...alog_Demo_07_Vertically_Centered_01.razor → ...alog_Demo_07_Vertically_Centered_01.razor b/...alog_Demo_07_Vertically_Centered_01.razor → ...alog_Demo_07_Vertically_Centered_01.razor
diff --git a/...alog_Demo_07_Vertically_Centered_02.razor → ...alog_Demo_07_Vertically_Centered_02.razor b/...alog_Demo_07_Vertically_Centered_02.razor → ...alog_Demo_07_Vertically_Centered_02.razor
diff --git a/...emo_08_Disable_AutoFocus_Yes_Button.razor → ...emo_08_Disable_AutoFocus_Yes_Button.razor b/...emo_08_Disable_AutoFocus_Yes_Button.razor → ...emo_08_Disable_AutoFocus_Yes_Button.razor
diff --git a/...ConfirmDialog/EmployeeDemoComponent.razor → ...ConfirmDialog/EmployeeDemoComponent.razor b/...ConfirmDialog/EmployeeDemoComponent.razor → ...ConfirmDialog/EmployeeDemoComponent.razor
diff --git a/...firmDialog/LongContentDemoComponent.razor → ...firmDialog/LongContentDemoComponent.razor b/...firmDialog/LongContentDemoComponent.razor → ...firmDialog/LongContentDemoComponent.razor
diff --git a/...ges/Dropdowns/DropdownDocumentation.razor → ...mos/Dropdowns/DropdownDocumentation.razor b/...ges/Dropdowns/DropdownDocumentation.razor → ...mos/Dropdowns/DropdownDocumentation.razor
@@ -186,7 +186,7 @@
 </Section>
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_Dropdown_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_Dropdown;
     private const string pageTitle = "Blazor Dropdown";
     private const string pageDescription = "Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They are toggled by clicking, not by hovering; this is an intentional design decision'by bootstrap.";
     private const string metaTitle = "Blazor Dropdown Component";

diff --git a/...owns/Dropdown_Demo_01_Single_Button.razor → ...owns/Dropdown_Demo_01_Single_Button.razor b/...owns/Dropdown_Demo_01_Single_Button.razor → ...owns/Dropdown_Demo_01_Single_Button.razor
diff --git a/...es/Dropdowns/Dropdown_Demo_02_Color.razor → ...os/Dropdowns/Dropdown_Demo_02_Color.razor b/...es/Dropdowns/Dropdown_Demo_02_Color.razor → ...os/Dropdowns/Dropdown_Demo_02_Color.razor
diff --git a/...downs/Dropdown_Demo_03_Split_Button.razor → ...downs/Dropdown_Demo_03_Split_Button.razor b/...downs/Dropdown_Demo_03_Split_Button.razor → ...downs/Dropdown_Demo_03_Split_Button.razor
diff --git a/...Dropdowns/Dropdown_Demo_04_A_Sizing.razor → ...Dropdowns/Dropdown_Demo_04_A_Sizing.razor b/...Dropdowns/Dropdown_Demo_04_A_Sizing.razor → ...Dropdowns/Dropdown_Demo_04_A_Sizing.razor
diff --git a/...Dropdowns/Dropdown_Demo_04_B_Sizing.razor → ...Dropdowns/Dropdown_Demo_04_B_Sizing.razor b/...Dropdowns/Dropdown_Demo_04_B_Sizing.razor → ...Dropdowns/Dropdown_Demo_04_B_Sizing.razor
diff --git a/...ropdown_Demo_05_A_Directions_Dropup.razor → ...ropdown_Demo_05_A_Directions_Dropup.razor b/...ropdown_Demo_05_A_Directions_Dropup.razor → ...ropdown_Demo_05_A_Directions_Dropup.razor
diff --git a/...Demo_05_B_Directions_DropupCentered.razor → ...Demo_05_B_Directions_DropupCentered.razor b/...Demo_05_B_Directions_DropupCentered.razor → ...Demo_05_B_Directions_DropupCentered.razor
diff --git a/...opdown_Demo_05_C_Directions_Dropend.razor → ...opdown_Demo_05_C_Directions_Dropend.razor b/...opdown_Demo_05_C_Directions_Dropend.razor → ...opdown_Demo_05_C_Directions_Dropend.razor
diff --git a/...down_Demo_05_D_Directions_Dropstart.razor → ...down_Demo_05_D_Directions_Dropstart.razor b/...down_Demo_05_D_Directions_Dropstart.razor → ...down_Demo_05_D_Directions_Dropstart.razor
diff --git a/...s/Dropdowns/Dropdown_Demo_06_Active.razor → ...s/Dropdowns/Dropdown_Demo_06_Active.razor b/...s/Dropdowns/Dropdown_Demo_06_Active.razor → ...s/Dropdowns/Dropdown_Demo_06_Active.razor
diff --git a/...opdowns/Dropdown_Demo_07_A_Disabled.razor → ...opdowns/Dropdown_Demo_07_A_Disabled.razor b/...opdowns/Dropdown_Demo_07_A_Disabled.razor → ...opdowns/Dropdown_Demo_07_A_Disabled.razor
diff --git a/...opdowns/Dropdown_Demo_07_B_Disabled.razor → ...opdowns/Dropdown_Demo_07_B_Disabled.razor b/...opdowns/Dropdown_Demo_07_B_Disabled.razor → ...opdowns/Dropdown_Demo_07_B_Disabled.razor
diff --git a/...owns/Dropdown_Demo_08_Menu_Position.razor → ...owns/Dropdown_Demo_08_Menu_Position.razor b/...owns/Dropdown_Demo_08_Menu_Position.razor → ...owns/Dropdown_Demo_08_Menu_Position.razor
diff --git a/...s/Dropdowns/Dropdown_Demo_09_Header.razor → ...s/Dropdowns/Dropdown_Demo_09_Header.razor b/...s/Dropdowns/Dropdown_Demo_09_Header.razor → ...s/Dropdowns/Dropdown_Demo_09_Header.razor
diff --git a/...Dropdowns/Dropdown_Demo_10_Dividers.razor → ...Dropdowns/Dropdown_Demo_10_Dividers.razor b/...Dropdowns/Dropdown_Demo_10_Dividers.razor → ...Dropdowns/Dropdown_Demo_10_Dividers.razor
diff --git a/...ges/Dropdowns/Dropdown_Demo_11_Text.razor → ...mos/Dropdowns/Dropdown_Demo_11_Text.razor b/...ges/Dropdowns/Dropdown_Demo_11_Text.razor → ...mos/Dropdowns/Dropdown_Demo_11_Text.razor
diff --git a/...es/Dropdowns/Dropdown_Demo_12_Forms.razor → ...os/Dropdowns/Dropdown_Demo_12_Forms.razor b/...es/Dropdowns/Dropdown_Demo_12_Forms.razor → ...os/Dropdowns/Dropdown_Demo_12_Forms.razor
diff --git a/...ropdowns/Dropdown_Demo_13_AutoClose.razor → ...ropdowns/Dropdown_Demo_13_AutoClose.razor b/...ropdowns/Dropdown_Demo_13_AutoClose.razor → ...ropdowns/Dropdown_Demo_13_AutoClose.razor
diff --git a/.../Dropdowns/Dropdown_Demo_14_Methods.razor → .../Dropdowns/Dropdown_Demo_14_Methods.razor b/.../Dropdowns/Dropdown_Demo_14_Methods.razor → .../Dropdowns/Dropdown_Demo_14_Methods.razor
diff --git a/...s/Dropdowns/Dropdown_Demo_15_Events.razor → ...s/Dropdowns/Dropdown_Demo_15_Events.razor b/...s/Dropdowns/Dropdown_Demo_15_Events.razor → ...s/Dropdowns/Dropdown_Demo_15_Events.razor
diff --git a/...oComplete/AutoCompleteDocumentation.razor → ...oComplete/AutoCompleteDocumentation.razor b/...oComplete/AutoCompleteDocumentation.razor → ...oComplete/AutoCompleteDocumentation.razor
@@ -96,7 +96,7 @@
 </Section>
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_AutoComplete_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_AutoComplete;
     private const string pageTitle = "Blazor AutoComplete";
     private const string pageDescription = "Blazor Bootstrap autocomplete component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering.";
     private const string metaTitle = "Blazor AutoComplete Component";

diff --git a/...ete_Demo_01_A_Client_Side_Filtering.razor → ...ete_Demo_01_A_Client_Side_Filtering.razor b/...ete_Demo_01_A_Client_Side_Filtering.razor → ...ete_Demo_01_A_Client_Side_Filtering.razor
diff --git a/...de_Filtering_With_StringComparision.razor → ...de_Filtering_With_StringComparision.razor b/...de_Filtering_With_StringComparision.razor → ...de_Filtering_With_StringComparision.razor
diff --git a/...plete_Demo_02_Server_Side_Filtering.razor → ...plete_Demo_02_Server_Side_Filtering.razor b/...plete_Demo_02_Server_Side_Filtering.razor → ...plete_Demo_02_Server_Side_Filtering.razor
diff --git a/...oComplete_Demo_03_Set_Default_Value.razor → ...oComplete_Demo_03_Set_Default_Value.razor b/...oComplete_Demo_03_Set_Default_Value.razor → ...oComplete_Demo_03_Set_Default_Value.razor
diff --git a/...te/AutoComplete_Demo_04_Validations.razor → ...te/AutoComplete_Demo_04_Validations.razor b/...te/AutoComplete_Demo_04_Validations.razor → ...te/AutoComplete_Demo_04_Validations.razor
diff --git a/...lete/AutoComplete_Demo_05_A_Disable.razor → ...lete/AutoComplete_Demo_05_A_Disable.razor b/...lete/AutoComplete_Demo_05_A_Disable.razor → ...lete/AutoComplete_Demo_05_A_Disable.razor
diff --git a/...lete/AutoComplete_Demo_05_B_Disable.razor → ...lete/AutoComplete_Demo_05_B_Disable.razor b/...lete/AutoComplete_Demo_05_B_Disable.razor → ...lete/AutoComplete_Demo_05_B_Disable.razor
diff --git a/...omplete/AutoComplete_Demo_06_Sizing.razor → ...omplete/AutoComplete_Demo_06_Sizing.razor b/...omplete/AutoComplete_Demo_06_Sizing.razor → ...omplete/AutoComplete_Demo_06_Sizing.razor
diff --git a/...boxInput/CheckboxInputDocumentation.razor → ...boxInput/CheckboxInputDocumentation.razor b/...boxInput/CheckboxInputDocumentation.razor → ...boxInput/CheckboxInputDocumentation.razor
@@ -33,7 +33,7 @@
 </Section>
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_CheckboxInput_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_CheckboxInput;
     private const string pageTitle = "Blazor CheckboxInput";
     private const string pageDescription = "The Blazor Bootstrap CheckboxInput component is constructed using an HTML input of type 'checkbox'.";
     private const string metaTitle = "Blazor CheckboxInput Component";

diff --git a/...t/CheckboxInput_Demo_01_Basic_Usage.razor → ...t/CheckboxInput_Demo_01_Basic_Usage.razor b/...t/CheckboxInput_Demo_01_Basic_Usage.razor → ...t/CheckboxInput_Demo_01_Basic_Usage.razor
diff --git a/...put/CheckboxInput_Demo_02_Disable_A.razor → ...put/CheckboxInput_Demo_02_Disable_A.razor b/...put/CheckboxInput_Demo_02_Disable_A.razor → ...put/CheckboxInput_Demo_02_Disable_A.razor
diff --git a/...put/CheckboxInput_Demo_02_Disable_B.razor → ...put/CheckboxInput_Demo_02_Disable_B.razor b/...put/CheckboxInput_Demo_02_Disable_B.razor → ...put/CheckboxInput_Demo_02_Disable_B.razor
diff --git a/...oxInput_Demo_03_Events_ValueChanged.razor → ...oxInput_Demo_03_Events_ValueChanged.razor b/...oxInput_Demo_03_Events_ValueChanged.razor → ...oxInput_Demo_03_Events_ValueChanged.razor
diff --git a/...ncyInput/CurrencyInputDocumentation.razor → ...ncyInput/CurrencyInputDocumentation.razor b/...ncyInput/CurrencyInputDocumentation.razor → ...ncyInput/CurrencyInputDocumentation.razor
@@ -96,7 +96,7 @@
 </Section>
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_CurrencyInput_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_CurrencyInput;
     private const string pageTitle = "Blazor CurrencyInput";
     private const string pageDescription = "Use the Blazor Bootstrap CurrencyInput component to show the numbers in the user's locale format, including the currency symbol.";
     private const string metaTitle = "Blazor CurrencyInput Component";

diff --git a/...t/CurrencyInput_Demo_01_Basic_Usage.razor → ...t/CurrencyInput_Demo_01_Basic_Usage.razor b/...t/CurrencyInput_Demo_01_Basic_Usage.razor → ...t/CurrencyInput_Demo_01_Basic_Usage.razor
diff --git a/...y_Symbols_for_the_Different_Locales.razor → ...y_Symbols_for_the_Different_Locales.razor b/...y_Symbols_for_the_Different_Locales.razor → ...y_Symbols_for_the_Different_Locales.razor
diff --git a/...yInput_Demo_03_Hide_Currency_Symbol.razor → ...yInput_Demo_03_Hide_Currency_Symbol.razor b/...yInput_Demo_03_Hide_Currency_Symbol.razor → ...yInput_Demo_03_Hide_Currency_Symbol.razor
diff --git a/...ng_FractionDigits_and_IntegerDigits.razor → ...ng_FractionDigits_and_IntegerDigits.razor b/...ng_FractionDigits_and_IntegerDigits.razor → ...ng_FractionDigits_and_IntegerDigits.razor
diff --git a/...s_Instead_of_Appending_A_Minus_Sign.razor → ...s_Instead_of_Appending_A_Minus_Sign.razor b/...s_Instead_of_Appending_A_Minus_Sign.razor → ...s_Instead_of_Appending_A_Minus_Sign.razor
diff --git a/.../CurrencyInput_Demo_06_Generic_Type.razor → .../CurrencyInput_Demo_06_Generic_Type.razor b/.../CurrencyInput_Demo_06_Generic_Type.razor → .../CurrencyInput_Demo_06_Generic_Type.razor
diff --git a/...urrencyInput_Demo_07_Enable_Min_Max.razor → ...urrencyInput_Demo_07_Enable_Min_Max.razor b/...urrencyInput_Demo_07_Enable_Min_Max.razor → ...urrencyInput_Demo_07_Enable_Min_Max.razor
diff --git a/...urrencyInput_Demo_08_Text_Alignment.razor → ...urrencyInput_Demo_08_Text_Alignment.razor b/...urrencyInput_Demo_08_Text_Alignment.razor → ...urrencyInput_Demo_08_Text_Alignment.razor
diff --git a/...nput_Demo_09_Allow_Negative_Numbers.razor → ...nput_Demo_09_Allow_Negative_Numbers.razor b/...nput_Demo_09_Allow_Negative_Numbers.razor → ...nput_Demo_09_Allow_Negative_Numbers.razor
diff --git a/...nput_Demo_10_A_Disable_Number_Input.razor → ...nput_Demo_10_A_Disable_Number_Input.razor b/...nput_Demo_10_A_Disable_Number_Input.razor → ...nput_Demo_10_A_Disable_Number_Input.razor
diff --git a/...nput_Demo_10_B_Disable_Number_Input.razor → ...nput_Demo_10_B_Disable_Number_Input.razor b/...nput_Demo_10_B_Disable_Number_Input.razor → ...nput_Demo_10_B_Disable_Number_Input.razor
diff --git a/...t/CurrencyInput_Demo_11_Validations.razor → ...t/CurrencyInput_Demo_11_Validations.razor b/...t/CurrencyInput_Demo_11_Validations.razor → ...t/CurrencyInput_Demo_11_Validations.razor
diff --git a/...nput/CurrencyInput_Demo_12_Decimals.razor → ...nput/CurrencyInput_Demo_12_Decimals.razor b/...nput/CurrencyInput_Demo_12_Decimals.razor → ...nput/CurrencyInput_Demo_12_Decimals.razor
diff --git a/...yInput_Demo_13_Events_Value_Changed.razor → ...yInput_Demo_13_Events_Value_Changed.razor b/...yInput_Demo_13_Events_Value_Changed.razor → ...yInput_Demo_13_Events_Value_Changed.razor
diff --git a/...rm/DateInput/DateInputDocumentation.razor → ...rm/DateInput/DateInputDocumentation.razor b/...rm/DateInput/DateInputDocumentation.razor → ...rm/DateInput/DateInputDocumentation.razor
@@ -79,7 +79,7 @@
 </Section>
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_DateInput_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_DateInput;
     private const string pageTitle = "Blazor DateInput";
     private const string pageDescription = "The Blazor Bootstrap DateInput component is constructed using an HTML input of type 'date' which limits user input based on pre-defined parameters. This component enables users to input a date using a text box with validation or a special date picker interface.";
     private const string metaTitle = "Blazor DateInput Component";

diff --git a/...Input/DateInput_Demo_01_Basic_Usage.razor → ...Input/DateInput_Demo_01_Basic_Usage.razor b/...Input/DateInput_Demo_01_Basic_Usage.razor → ...Input/DateInput_Demo_01_Basic_Usage.razor
diff --git a/...nput/DateInput_Demo_02_Generic_Type.razor → ...nput/DateInput_Demo_02_Generic_Type.razor b/...nput/DateInput_Demo_02_Generic_Type.razor → ...nput/DateInput_Demo_02_Generic_Type.razor
diff --git a/...DateInput/DateInput_Demo_03_Max_Min.razor → ...DateInput/DateInput_Demo_03_Max_Min.razor b/...DateInput/DateInput_Demo_03_Max_Min.razor → ...DateInput/DateInput_Demo_03_Max_Min.razor
diff --git a/...eInput_Demo_04_A_Disable_Date_Input.razor → ...eInput_Demo_04_A_Disable_Date_Input.razor b/...eInput_Demo_04_A_Disable_Date_Input.razor → ...eInput_Demo_04_A_Disable_Date_Input.razor
diff --git a/...eInput_Demo_04_B_Disable_Date_Input.razor → ...eInput_Demo_04_B_Disable_Date_Input.razor b/...eInput_Demo_04_B_Disable_Date_Input.razor → ...eInput_Demo_04_B_Disable_Date_Input.razor
diff --git a/...Input/DateInput_Demo_05_Validations.razor → ...Input/DateInput_Demo_05_Validations.razor b/...Input/DateInput_Demo_05_Validations.razor → ...Input/DateInput_Demo_05_Validations.razor
diff --git a/...eInput_Demo_06_Events_Value_Changed.razor → ...eInput_Demo_06_Events_Value_Changed.razor b/...eInput_Demo_06_Events_Value_Changed.razor → ...eInput_Demo_06_Events_Value_Changed.razor
diff --git a/..._On_The_Entry_In_Another_Date_Field.razor → ..._On_The_Entry_In_Another_Date_Field.razor b/..._On_The_Entry_In_Another_Date_Field.razor → ..._On_The_Entry_In_Another_Date_Field.razor
diff --git a/...rm/EnumInput/EnumInputDocumentation.razor → ...rm/EnumInput/EnumInputDocumentation.razor b/...rm/EnumInput/EnumInputDocumentation.razor → ...rm/EnumInput/EnumInputDocumentation.razor
@@ -105,7 +105,7 @@
 </Section>
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_EnumInput_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_EnumInput;
     private const string pageTitle = "Blazor EnumInput";
     private const string pageDescription = "The Blazor Bootstrap EnumInput component renders a dropdown list from an enumeration (enum), enabling users to select from a predefined set of options. It simplifies data entry by binding directly to enum types and supports customization with sizes.";
     private const string metaTitle = "Blazor EnumInput Component";

diff --git a/...nput/EnumInput_Demo_01_How_it_works.razor → ...nput/EnumInput_Demo_01_How_it_works.razor b/...nput/EnumInput_Demo_01_How_it_works.razor → ...nput/EnumInput_Demo_01_How_it_works.razor
diff --git a/...m/EnumInput/EnumInput_Demo_03_Sizes.razor → ...m/EnumInput/EnumInput_Demo_03_Sizes.razor b/...m/EnumInput/EnumInput_Demo_03_Sizes.razor → ...m/EnumInput/EnumInput_Demo_03_Sizes.razor
diff --git a/...numInput/EnumInput_Demo_06_Disabled.razor → ...numInput/EnumInput_Demo_06_Disabled.razor b/...numInput/EnumInput_Demo_06_Disabled.razor → ...numInput/EnumInput_Demo_06_Disabled.razor
diff --git a/...Input_Demo_07_Events_A_ValueChanged.razor → ...Input_Demo_07_Events_A_ValueChanged.razor b/...Input_Demo_07_Events_A_ValueChanged.razor → ...Input_Demo_07_Events_A_ValueChanged.razor
diff --git a/...mInput_Demo_07_Events_B_TextChanged.razor → ...mInput_Demo_07_Events_B_TextChanged.razor b/...mInput_Demo_07_Events_B_TextChanged.razor → ...mInput_Demo_07_Events_B_TextChanged.razor
diff --git a/...nput_Demo_08_Methods_Enable_Disable.razor → ...nput_Demo_08_Methods_Enable_Disable.razor b/...nput_Demo_08_Methods_Enable_Disable.razor → ...nput_Demo_08_Methods_Enable_Disable.razor
@@ -1,9 +1,9 @@
 <EnumInput TEnum="Status" Class="mb-3" @bind-Value="@value1" Disabled="isDisabled" />
 
-<Buttons Size="ButtonSize.Small" Class="mt-3">
-    <Button Color="ButtonColor.Primary" @onclick="EnableInput">Enable</Button>
-    <Button Color="ButtonColor.Danger" @onclick="DisableInput">Disable</Button>
-</Buttons>
+<div class="mt-3">
+    <Button Color="ButtonColor.Primary" Size="ButtonSize.Small" @onclick="EnableInput">Enable</Button>
+    <Button Color="ButtonColor.Danger" Size="ButtonSize.Small" @onclick="DisableInput">Disable</Button>
+</div>
 
 @code {
     private bool isDisabled = true;

diff --git a/...umberInput/NumberInputDocumentation.razor → ...umberInput/NumberInputDocumentation.razor b/...umberInput/NumberInputDocumentation.razor → ...umberInput/NumberInputDocumentation.razor
@@ -74,7 +74,7 @@
 </Section>
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_NumberInput_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_NumberInput;
     private const string pageTitle = "Blazor NumberInput";
     private const string pageDescription = "Blazor Bootstrap NumberInput component is built around HTML input of type=\"number\" that prevents the user input based on the parameters set.";
     private const string metaTitle = "Blazor NumberInput Component";

diff --git a/...put/NumberInput_Demo_01_Basic_Usage.razor → ...put/NumberInput_Demo_01_Basic_Usage.razor b/...put/NumberInput_Demo_01_Basic_Usage.razor → ...put/NumberInput_Demo_01_Basic_Usage.razor
diff --git a/...ut/NumberInput_Demo_02_Generic_Type.razor → ...ut/NumberInput_Demo_02_Generic_Type.razor b/...ut/NumberInput_Demo_02_Generic_Type.razor → ...ut/NumberInput_Demo_02_Generic_Type.razor
diff --git a/.../NumberInput_Demo_03_Enable_Min_Max.razor → .../NumberInput_Demo_03_Enable_Min_Max.razor b/.../NumberInput_Demo_03_Enable_Min_Max.razor → .../NumberInput_Demo_03_Enable_Min_Max.razor
diff --git a/...umberInput/NumberInput_Demo_04_Step.razor → ...umberInput/NumberInput_Demo_04_Step.razor b/...umberInput/NumberInput_Demo_04_Step.razor → ...umberInput/NumberInput_Demo_04_Step.razor
diff --git a/.../NumberInput_Demo_05_Text_Alignment.razor → .../NumberInput_Demo_05_Text_Alignment.razor b/.../NumberInput_Demo_05_Text_Alignment.razor → .../NumberInput_Demo_05_Text_Alignment.razor
diff --git a/...nput_Demo_06_Allow_Negative_Numbers.razor → ...nput_Demo_06_Allow_Negative_Numbers.razor b/...nput_Demo_06_Allow_Negative_Numbers.razor → ...nput_Demo_06_Allow_Negative_Numbers.razor
diff --git a/...nput_Demo_07_A_Disable_Number_Input.razor → ...nput_Demo_07_A_Disable_Number_Input.razor b/...nput_Demo_07_A_Disable_Number_Input.razor → ...nput_Demo_07_A_Disable_Number_Input.razor
diff --git a/...nput_Demo_07_B_Disable_Number_Input.razor → ...nput_Demo_07_B_Disable_Number_Input.razor b/...nput_Demo_07_B_Disable_Number_Input.razor → ...nput_Demo_07_B_Disable_Number_Input.razor
diff --git a/...put/NumberInput_Demo_08_Validations.razor → ...put/NumberInput_Demo_08_Validations.razor b/...put/NumberInput_Demo_08_Validations.razor → ...put/NumberInput_Demo_08_Validations.razor
diff --git a/...rInput_Demo_09_Events_Value_Changed.razor → ...rInput_Demo_09_Events_Value_Changed.razor b/...rInput_Demo_09_Events_Value_Changed.razor → ...rInput_Demo_09_Events_Value_Changed.razor
diff --git a/...ordInput/PasswordInputDocumentation.razor → ...ordInput/PasswordInputDocumentation.razor b/...ordInput/PasswordInputDocumentation.razor → ...ordInput/PasswordInputDocumentation.razor
@@ -42,7 +42,7 @@
 </Section>
 
 @code {
-    private const string pageUrl = RouteConstants.Demos_PasswordInput_Documentation;
+    private const string pageUrl = DemoRouteConstants.Demos_URL_PasswordInput;
     private const string pageTitle = "Blazor PasswordInput";
     private const string pageDescription = "The Blazor Bootstrap PasswordInput component is constructed using an HTML input of type 'password'.";
     private const string metaTitle = "Blazor PasswordInput Component";

diff --git a/...t/PasswordInput_Demo_01_Basic_Usage.razor → ...t/PasswordInput_Demo_01_Basic_Usage.razor b/...t/PasswordInput_Demo_01_Basic_Usage.razor → ...t/PasswordInput_Demo_01_Basic_Usage.razor
diff --git a/...put/PasswordInput_Demo_02_Disable_A.razor → ...put/PasswordInput_Demo_02_Disable_A.razor b/...put/PasswordInput_Demo_02_Disable_A.razor → ...put/PasswordInput_Demo_02_Disable_A.razor
diff --git a/...put/PasswordInput_Demo_02_Disable_B.razor → ...put/PasswordInput_Demo_02_Disable_B.razor b/...put/PasswordInput_Demo_02_Disable_B.razor → ...put/PasswordInput_Demo_02_Disable_B.razor
diff --git a/...t/PasswordInput_Demo_03_Validations.razor → ...t/PasswordInput_Demo_03_Validations.razor b/...t/PasswordInput_Demo_03_Validations.razor → ...t/PasswordInput_Demo_03_Validations.razor
diff --git a/...rdInput_Demo_04_Events_ValueChanged.razor → ...rdInput_Demo_04_Events_ValueChanged.razor b/...rdInput_Demo_04_Events_ValueChanged.razor → ...rdInput_Demo_04_Events_ValueChanged.razor
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		@namespace BlazorBootstrap.Demo.RCL
		@inherits MainLayoutBase
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		@namespace BlazorBootstrap.Demo.RCL
		@inherits MainLayoutBase