Electron Projects

Adding a navigation bar

In this section, we are going to use the material toolbar component as an application header bar. This bar allows our application to navigate to the Login screen and possibly other areas as well.

To get the material toolbar into the application, we need the corresponding module. Let's get started:

1. Import MatToolbarModule into the main application module, that is, src/app/app.module.ts:

      import { MatToolbarModule } from '@angular/material/toolbar';      @NgModule({        declarations: [AppComponent],        imports: [          BrowserModule,          BrowserAnimationsModule,          AppRoutingModule,          MatToolbarModule        ],        providers: [],        bootstrap: [AppComponent]      })      export class AppModule {}

2. Replace the contents of the src/app/app.component.html file with the ...