Building Real-Life Applications with Blazor WebAssembly/

...

/

Adding the ExpenseEdit component

Adding the ExpenseEdit component

Learn how to use EditForm component in our Blazor WebAssembly project.

We'll cover the following...

We need to add a component to enable us to add and edit expenses. We do this as follows:

  1. Return to Visual Studio.

  2. Open the ExpenseTracker.Client.Shared\NavMenu.razor page.

  3. Add the following markup to the ul element:

Press + to interact
<li class="nav-item px-3">
  <NavLink class="nav-link" href="expense">
    <span class="oi oi-home" aria-hidden="true"></span>
    Add Expense
  </NavLink>
</li>
    ...