3 files changed, 67 insertions, 0 deletions
diff --git a/wasm/Newtonsoft/Shared/MainLayout.cshtml b/wasm/Newtonsoft/Shared/MainLayout.cshtml
new file mode 100644
index 0000000..f64b021
--- /dev/null
+++ b/wasm/Newtonsoft/Shared/MainLayout.cshtml
@@ -0,0 +1,15 @@
+@inherits LayoutComponentBase
+
+<div class="sidebar">
+    <NavMenu />
+</div>
+
+<div class="main">
+    <div class="top-row px-4">
+        <a href="http://blazor.net" target="_blank" class="ml-md-auto">About</a>
+    </div>
+
+    <div class="content px-4">
+        @Body
+    </div>
+</div>
diff --git a/wasm/Newtonsoft/Shared/NavMenu.cshtml b/wasm/Newtonsoft/Shared/NavMenu.cshtml
new file mode 100644
index 0000000..cf29f2a
--- /dev/null
+++ b/wasm/Newtonsoft/Shared/NavMenu.cshtml
@@ -0,0 +1,37 @@
+<div class="top-row pl-4 navbar navbar-dark">
+    <a class="navbar-brand" href="">Newtonsoft</a>
+    <button class="navbar-toggler" onclick="@ToggleNavMenu">
+        <span class="navbar-toggler-icon"></span>
+    </button>
+</div>
+
+<div class="@NavMenuCssClass" onclick="@ToggleNavMenu">
+    <ul class="nav flex-column">
+        <li class="nav-item px-3">
+            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
+                <span class="oi oi-home" aria-hidden="true"></span> Home
+            </NavLink>
+        </li>
+        <li class="nav-item px-3">
+            <NavLink class="nav-link" href="counter">
+                <span class="oi oi-plus" aria-hidden="true"></span> Counter
+            </NavLink>
+        </li>
+        <li class="nav-item px-3">
+            <NavLink class="nav-link" href="fetchdata">
+                <span class="oi oi-list-rich" aria-hidden="true"></span> Fetch data
+            </NavLink>
+        </li>
+    </ul>
+</div>
+
+@functions {
+    bool collapseNavMenu = true;
+
+    string NavMenuCssClass => collapseNavMenu ? "collapse" : null;
+
+    void ToggleNavMenu()
+    {
+        collapseNavMenu = !collapseNavMenu;
+    }
+}
diff --git a/wasm/Newtonsoft/Shared/SurveyPrompt.cshtml b/wasm/Newtonsoft/Shared/SurveyPrompt.cshtml
new file mode 100644
index 0000000..5c08048
--- /dev/null
+++ b/wasm/Newtonsoft/Shared/SurveyPrompt.cshtml
@@ -0,0 +1,15 @@
+<div class="alert alert-secondary mt-4" role="alert">
+    <span class="oi oi-pencil mr-2" aria-hidden="true"></span>
+    <strong>@Title</strong>
+
+    <span class="text-nowrap">
+        Please take our
+        <a target="_blank" class="font-weight-bold" href="https://go.microsoft.com/fwlink/?linkid=2041371">brief survey</a>
+    </span>
+    and tell us what you think.
+</div>
+
+@functions {
+    // Demonstrates how a parent component can supply parameters
+    [Parameter] string Title { get; set; }
+}