title: Use Tab key to set focus on an angular material Tab
body: <p>I am new to Angular-Material. How can you set the focus on an Angular-Material tab when focused on a button (Add Accomplishment) within one material tab to another angular material-tab using the tab key.</p>
  <blockquote>
  <p>AppResource.Component.html</p>
  </blockquote>
  <pre><code>&lt;button mat-button&gt;
  Add accomplishment
  &lt;button&gt; 
  </code></pre>
  <blockquote>
  <p>ResourceDetail.component.html</p>
  </blockquote>
  <pre><code>&lt;mat-tab-group
      &lt;mat-tab label =&quot;engagment&quot;&gt;
              &lt;app-resource-view&gt; &lt;app-resource-view&gt;
       &lt;/mat-tab&gt;
      &lt;mat-tab label=&quot;Skill&quot; &gt;
      &lt;/mat-tab&gt;
  &lt;/mat-tab-group&gt;
  </code></pre>