Як збільшити розмір md-tab у кутовий матеріал? - угловий, матеріало-конструкторський, кутовий-матеріал

Я хочу збільшити ширину вкладки, як показано внизу зображення, але не знаю, як це зробити в кутових матеріалах.

Будь ласка, допоможіть

Відповіді:

Ви можете перевірити всі параметри для md-tabs в офіційному документі 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>

У кутовий матеріал версії 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>

Документ кутовий матеріал - вкладиші

Це поведінка за замовчуванням може бути перевизначено через атрибут md-stretch-tabs. Ось таблиця, яка відображається при розтягуванні:

md-stretch-tabs

використовувати завжди