title: Angular material components output for mat-label is not visible
body: <p><strong>app.component.html</strong></p>
  <pre><code>    &lt;mat-toolbar&gt;
  &lt;mat-toolbar-row&gt;
    &lt;span&gt;Forms&lt;/span&gt;
    &lt;span class=&quot;example-spacer&quot;&gt;&lt;/span&gt;
    &lt;button mat-icon-button&gt;&lt;mat-icon class=&quot;example-icon&quot; aria-hidden=&quot;false&quot; aria-label=&quot;Example heart icon&quot;&gt;home&lt;/mat-icon&gt;
    &lt;/button&gt;
    &lt;button mat-icon-button&gt;  &lt;mat-icon class=&quot;example-icon&quot; aria-hidden=&quot;false&quot; aria-label=&quot;Example delete icon&quot;&gt;account_circle&lt;/mat-icon&gt;
    &lt;/button&gt;
    &lt;/mat-toolbar-row&gt;
  &lt;/mat-toolbar&gt;
  
  &lt;div class=&quot;example-container&quot;&gt;
    &lt;mat-form-field appearance=&quot;fill&quot;&gt;
      &lt;mat-label&gt;Enter your email&lt;/mat-label&gt;
      &lt;mat-label&gt;Enter your password&lt;/mat-label&gt;
      &lt;input matInput [type]=&quot;true ? 'password' : 'text'&quot;&gt;
      &lt;button mat-icon-button matSuffix &gt;&lt;/button&gt;
    &lt;/mat-form-field&gt;
  </code></pre>
  <p><strong>app.component.ts</strong></p>
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
  })
  export class AppComponent {
    title = 'login';
  }
  </code></pre>
  <p><strong>app.module.ts</strong></p>
  <pre><code>import { NgModule } from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  
  import { AppComponent } from './app.component';
  import { MatToolbarModule } from '@angular/material/toolbar';
  import {MatButtonModule} from '@angular/material/button';
  import { MatIconModule } from '@angular/material/icon';
  
  import {FormsModule, ReactiveFormsModule} from '@angular/forms';
  import {MatNativeDateModule} from '@angular/material/core';
  import {  MatInputModule } from '@angular/material/input';
  import{MatFormFieldModule} from '@angular/material/form-field';
  
  
  @NgModule({
    declarations: [
      AppComponent
    ],
    imports: [
      BrowserModule,MatToolbarModule,
      MatIconModule,MatButtonModule,
      FormsModule, ReactiveFormsModule,
      MatNativeDateModule,
      MatFormFieldModule, MatInputModule
      
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/2MGjl.png" rel="nofollow noreferrer">output</a></p>
  <p>check the output and help me to solve the code</p>
  <p><strong>In html ,I have used angular material component mat-label and mat-form-field. But the output is not visible. what is the mistake I have done?</strong></p>