Electron Projects

Implementing the Material interface

We need at least two additional Material modules in order to implement a basic Login form, that is, the Input and Button component modules. Let's look at how we can add them:

1. Update the src/app/app.module.ts file so that it contains the following code:

      import { MatButtonModule } from '@angular/material/button';      import { MatInputModule } from '@angular/material/input';      @NgModule({        declarations: [AppComponent, LoginComponent],        imports: [          // ...          MatInputModule,          MatButtonModule        ],        providers: [],        bootstrap: [AppComponent]      })      export class AppModule {}

2. Replace the contents of the src/app/login/login.component.html file with the following code:

      <div class="login-form-container">        <div class="login-form">