¿Cómo aumentar el tamaño de la pestaña md en angular-material? - angularjs, material-diseño, angular-material

Quiero aumentar el ancho de mi pestaña como se muestra en la imagen de abajo, pero no estoy seguro de cómo hacerlo en material angular.

Por favor ayuda

Respuestas

Puede comprobar todas las opciones para md-tabs en el documento oficial 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>

En material angular versión 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>

Material Angular Doc - Pestañas

Este comportamiento predeterminado se puede anular a través del atributo md-stretch-tabs. Aquí hay una tabla que muestra cuándo ocurrirá el estiramiento:

md-stretch-tabs

utilizar siempre