How to increase md-tab size in angular-material?

Question

I want to increase my tab width like shown in below image,but not sure how to do this in angular-material.

Please help

Answer 1

You can check all options for md-tabs in the official doc md-tabs doc.

md-stretch-tabs mobile      desktop
auto            stretched   ---
always          stretched   stretched
never           ---         ---

<md-tabs md-stretch-tabs="always">
  <md-tab label="Tab #1"></md-tab>
  <md-tab label="Tab #2"></md-tab>
  <md-tab label="Tab #3"></md-tab>
</md-tabs>

In Angular Material version 6.0.1

<mat-tab-group mat-stretch-tabs="always">
  <mat-tab label="Tab 1">Content 1</mat-tab>
  <mat-tab label="Tab 2">Content 2</mat-tab>
</mat-tab-group>