title: Can't use material tabs
body: <p>I was excited to find about the material tabs stuff at <a href="https://material.angular.io/components/tabs/api#MatTab" rel="nofollow noreferrer">https://material.angular.io/components/tabs/api#MatTab</a> and was excited to use it in my project.</p>
  
  <p>I added the import as suggested and it wasn't working. I found: <a href="https://stackoverflow.com/questions/41140187/can-not-find-module-angular-material">can not find module &quot;@angular/material&quot;</a> and imported the stuff and got the import working on my maintab component.</p>
  
  <p>But the mat-tab links are still not working. So here's my maintab.component.ts</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import {MatTabsModule} from '@angular/material';
  
  @Component({
    selector: 'app-maintab',
    templateUrl: './maintab.component.html',
    styleUrls: ['./maintab.component.css']
  })
  export class MaintabComponent implements OnInit {
  
    constructor() { }
  
    ngOnInit() {
    }
  
  }
  </code></pre>
  
  <p>And here's my maintab.component.html</p>
  
  <pre><code>&lt;mat-tab-group&gt;
    &lt;mat-tab label="One"&gt;
      &lt;h1&gt;Some tab content&lt;/h1&gt;
      &lt;p&gt;...&lt;/p&gt;
    &lt;/mat-tab&gt;
    &lt;mat-tab label="Two"&gt;
      &lt;h1&gt;Some more tab content&lt;/h1&gt;
      &lt;p&gt;...&lt;/p&gt;
    &lt;/mat-tab&gt;
  &lt;/mat-tab-group&gt;
  </code></pre>
  
  <p>I'm still getting these type of errors:</p>
  
  <pre><code>Error: Template parse errors:
  'mat-tab' is not a known element:
  1. If 'mat-tab' is an Angular component, then verify that it is part of this module.
  2. If 'mat-tab' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("&lt;mat-tab-group&gt;
    [ERROR -&gt;]&lt;mat-tab label="One"&gt;
      &lt;h1&gt;Some tab content&lt;/h1&gt;
      &lt;p&gt;...&lt;/p&gt;
  "): ng:///AppModule/MaintabComponent.html@1:2
  'mat-tab' is not a known element:
  1. If 'mat-tab' is an Angular component, then verify that it is part of this module.
  2. If 'mat-tab' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
      &lt;p&gt;...&lt;/p&gt;
    &lt;/mat-tab&gt;
  </code></pre>
  
  <p>I just don't know what to do next.</p>