From 4f1d2d56b26196501edeef72771e221a425f6763 Mon Sep 17 00:00:00 2001
From: Peace <syneffort@gmail.com>
Date: Fri, 5 Jul 2024 13:28:11 +0900
Subject: [PATCH] menu fix, header

---
 BlazorFluentUI/Components/Layout/NavMenu.razor     |  9 +++++++--
 BlazorFluentUI/Components/Pages/LayoutHeader.razor | 13 +++++++++++++
 2 files changed, 20 insertions(+), 2 deletions(-)
 create mode 100644 BlazorFluentUI/Components/Pages/LayoutHeader.razor

diff --git a/BlazorFluentUI/Components/Layout/NavMenu.razor b/BlazorFluentUI/Components/Layout/NavMenu.razor
index e1ed3c5..da3f872 100644
--- a/BlazorFluentUI/Components/Layout/NavMenu.razor
+++ b/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>
diff --git a/BlazorFluentUI/Components/Pages/LayoutHeader.razor b/BlazorFluentUI/Components/Pages/LayoutHeader.razor
new file mode 100644
index 0000000..2c62a6e
--- /dev/null
+++ b/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 {
+
+}