menu fix, header

BlazorFluentUI/Components/Layout/NavMenu.razor

@@ -6,8 +6,13 @@
     <nav class="sitenav" aria-labelledby="main-menu">
         <FluentNavMenu Id="main-menu" Collapsible="true" Width="250" Title="Navigation menu" @bind-Expanded="expanded" CustomToggle="true">
             <FluentNavLink Href="/" Match="NavLinkMatch.All" Icon="@(new Icons.Regular.Size20.Home())" IconColor="Color.Accent">Home</FluentNavLink>
-            <FluentNavLink Href="counter" Icon="@(new Icons.Regular.Size20.NumberSymbolSquare())" IconColor="Color.Accent">Counter</FluentNavLink>
-            <FluentNavLink Href="weather" Icon="@(new Icons.Regular.Size20.WeatherPartlyCloudyDay())" IconColor="Color.Accent">Weather</FluentNavLink>
+            <FluentNavGroup Icon="@(new Icons.Regular.Size20.Globe())" Expanded="false" Title="Original">
+                <FluentNavLink Href="counter" Icon="@(new Icons.Regular.Size20.NumberSymbolSquare())" IconColor="Color.Accent">Counter</FluentNavLink>
+                <FluentNavLink Href="weather" Icon="@(new Icons.Regular.Size20.WeatherPartlyCloudyDay())" IconColor="Color.Accent">Weather</FluentNavLink>
+            </FluentNavGroup>
+            <FluentNavGroup Icon="@(new Icons.Regular.Size20.SlideLayout())" Expanded="false" Title="Original">
+                <FluentNavLink Href="layoutheader" Icon="@(new Icons.Regular.Size20.DocumentHeader())" IconColor="Color.Accent">Layout</FluentNavLink>
+            </FluentNavGroup>
         </FluentNavMenu>
     </nav>
 </div>

BlazorFluentUI/Components/Pages/LayoutHeader.razor

@@ -0,0 +1,13 @@
+@page "/layoutheader"
+
+<FluentLabel Typo="Typography.H3">Header</FluentLabel>
+<FluentDivider class="mt-1 mb-3" Role="DividerRole.Separator"/>
+<FluentLabel Typo="Typography.Body">
+    The <code>FluentHeader</code> component is used to display a title.
+</FluentLabel>
+<FluentCard Width="auto" Height="auto">
+    <FluentHeader>Header text</FluentHeader>
+</FluentCard>
+@code {
+
+}