/
Tabs

Tabs

Owned by Amish Ladhu
Last updated: May 24, 2019
1 min read

References


Example

Usage

Structure

<mat-tab-group> <mat-tab label="Tab 1"> Tab Content </mat-tab> <mat-tab label="Tab 2"> Tab Content </mat-tab> <mat-tab label="Tab 3"> Tab Content </mat-tab> </mat-tab-group>

Container

  • Every ‘tab group’ should have a mat-tab-group container, which formats its' content styles.

Tab Content

  • Use <mat-tab> for each tab within the group.

Step Titles

  • Use <ng-template matStepLabel> within each step to add each step title.