【Угловой материал】 Как разместить две в одной горизонтали и одну с директивой mat-stretch-tabs

#angular-material

#угловой материал

Вопрос:

Как создать что-то вроде того, что вы видите на этом рисунке?

введите описание изображения здесь

Это то, что я пробовал, и это неверно:

 <mat-tab-group>
    <mat-tab label="A">
        A
    </mat-tab>
    <!--this is wrong-->
    <mat-tab-group mat-stretch-tabs>
        <mat-tab label="A">
            A
        </mat-tab>
        <mat-tab label="A">
            A
        </mat-tab>
        <mat-tab label="A">
            A
        </mat-tab>
        <mat-tab label="A">
            A
        </mat-tab>
</mat-tab-group>
  

Комментарии:

1. Вы пытались поместить вложенную mat-tab-group внутри mat-tab?

2. @Pipimi Нет, я хочу иметь столбец табуляции, похожий на пример с картинкой, но не вложенный <mat-tab-group>