Skip to content

Instantly share code, notes, and snippets.

@aramkoukia
Created June 16, 2018 19:58
Show Gist options
  • Save aramkoukia/fb8f0f4b633e5420b025c81932679b77 to your computer and use it in GitHub Desktop.
Save aramkoukia/fb8f0f4b633e5420b025c81932679b77 to your computer and use it in GitHub Desktop.
<div class="top-row pl-4 navbar navbar-dark">
<a class="navbar-brand" href="">WebAssemblySample</a>
<button class="navbar-toggler" onclick=@ToggleNavMenu>
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class=@(collapseNavMenu ? "collapse" : null) 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>
<li class="nav-item px-3">
<NavLink class="nav-link" href="test">
<span class="oi oi-list-rich" aria-hidden="true"></span> test
</NavLink>
</li>
</ul>
</div>
@functions {
bool collapseNavMenu = true;
void ToggleNavMenu()
{
collapseNavMenu = !collapseNavMenu;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment