Types

Default, segmented

Both types supports mat-tab-group tabs, mat-tab-nav is supported by default type

Appearances

Classic of default, filled, raised, smooth, flat

Icons and indication

Both types support icons. Additionaly, default tabs support different icon placement and badges. Go to Examples

Dense tabs

Use mat-dense-tab-group directive

Closable tabs

To make tab closable, add set-icon with class set-tab-close-icon and set click event handler for it

<mat-tab *ngFor="let tab of tabs; index as i">
    <ng-template mat-tab-label>
      <span>{{ tab.header }}</span>
        <set-icon class="set-tab-close-icon"
                  shape="close_small"
                  (click)="removeTab(i)">
        </set-icon>
    </ng-template>
    {{ tab.body }}
</mat-tab>