Form group control in login component template

FORMGROUP-login.component.html

<section class="hero   ">
  <div class="hero-body">
    <div class="container">
      <div class="column is-8 is-offset-2">
          <div>
              <h3 class="title has-text-grey">Login</h3>
              <p class="subtitle has-text-grey">Please login to proceed.</p>
              <div class="box">
                <div class="notification is-danger" [hidden]="!error">
                  
                  "Unable to log in with provided credentials."
                </div>
                <form [formGroup]="form">
                  ...
                  ...
            
                  <button class="button is-block is-info is-large is-fullwidth" (click)="login()">Login</button>
                </form>
              </div>
            </div>
      </div>
    </div>
  </div>
</section>