Commencement de la nav

VeraxShield/VeraxShield/composants/affichages/navBar/NavBarPrincipale.razor

@@ -0,0 +1,42 @@
+@page "/NavBar"
+
+<h3>NavBarPrincipale</h3>
+
+
+<Bar Breakpoint="Breakpoint.Desktop"
+     Background="Background.Light"
+     ThemeContrast="ThemeContrast.Light">
+    <BarBrand>
+        VeraxShield
+    </BarBrand>
+    <BarToggler />
+    <BarMenu>
+        <BarStart>
+            <BarItem>
+                <BarLink To="#home">Utilisateurs</BarLink>
+            </BarItem>
+            <BarItem>
+                <BarLink To="#docs">Articles</BarLink>
+                @* <BarDropdown>
+                    <BarDropdownToggle>Dropdown</BarDropdownToggle>
+                    <BarDropdownMenu>
+                    <BarDropdownItem>Action</BarDropdownItem>
+                    <BarDropdownDivider />
+                    <BarDropdownItem>Another action</BarDropdownItem>
+                    </BarDropdownMenu>
+                </BarDropdown> *@
+            </BarItem>
+            <BarItem>
+                <BarLink To="#docs">Modérateurs</BarLink>
+            </BarItem>
+        </BarStart>
+        <BarBrand>
+            role/nom
+        </BarBrand>
+        <BarEnd>
+            <BarItem>
+                <Button Color="Color.Primary">Deconnexion</Button>
+            </BarItem>
+        </BarEnd>
+    </BarMenu>
+</Bar>

VeraxShield/VeraxShield/composants/affichages/navBar/NavBarPrincipale.razor.cs

@@ -0,0 +1,7 @@
+namespace VeraxShield.composants.affichages.navBar
+{
+    public partial class NavBarPrincipale
+    {
+
+    }
+}

VeraxShield/VeraxShield/pages/Index.razor

@@ -4,6 +4,8 @@
 
 <button type="button" class="btn btn-link ml-md-auto" @onclick="@SeConnecter">Connexion</button>
 
+<button type="button" class="btn btn-link ml-md-auto" @onclick="@NavBar">NavBar</button>
+
 
 <AuthorizeView>
     <h1> Adiu :  @context.User.Identity.Name!</h1>

VeraxShield/VeraxShield/pages/Index.razor.cs

@@ -19,5 +19,10 @@ namespace VeraxShield.pages
         {
             NavigationManager.NavigateTo("/connexion");
         }
+
+        private async Task NavBar()
+        {
+            NavigationManager.NavigateTo("/NavBar");
+        }
     }
 }