Project to demo a new side bar navigation view

This is a sample project that shows to create a new side bar type navigation panel in Blazor

*** PLEASE NOTE THIS REQUIRES .NET 6 and Visual Studio 2022 ***

by David Gallivan

Why

I like the current navigation view that is shipped with the current Blazor template, but after working with it so long, I wanted to try some new navigations. This is my first attempt

Getting Started

1. Clone this repository

   git clone https://github.com/CodingWithDavid/SideBarNavDemo
   cd SideBarNavDemo

2. Open in Visual Studio 2022 or Visual Code a. With Visual Code you will need to install the C# extensions

3. Press F5

What's in the App

1. HTML and CSS for the visual navigation control
2. C# is used to "Pin" the nav to the open position.
3. Media queries are used to handle the responsiveness

Worth Noting

Font awesome is used for the fonts. I have removed the link to font awesome because it is specific to my account. You can use your won link or replace the fonts with some other library.

Problems or Suggestions

Open an issue here

Thank You

Resources

• VS Code
• Visual Studio