Wie kann man md-tab Größe in eckigem Material erhöhen? - Winkel, Material-Design, Winkel-Material

Ich möchte meine Tab-Breite erhöhen, wie im unteren Bild gezeigt, aber nicht sicher, wie dies in Angular-Material zu tun ist.

Bitte helfen Sie

Antworten:

Sie können alle Optionen für überprüfen md-tabs im offiziellen Dokument 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>

Doc Angular Material - Tabs

Dieses Standardverhalten kann durch das Attribut md-stretch-tabs überschrieben werden. Hier ist eine Tabelle, die zeigt, wann Stretching auftreten wird:

MD-Stretch-Tabs

benutzen immer