Components

Tabs

Angular Material Tabs organize content into separate views, showing only one view at a time for focused interaction.

Official docs API reference

Example

Below is an example of how BuilderKit restyles the Angular Material Tabs and gives it a more modern appearance.

First

Second

Third

Forth

Content 1

First

Second

Third

Forth

Content 1

<mat-tab-group>
  <mat-tab label="First">Content 1</mat-tab>
  <mat-tab label="Second">Content 2</mat-tab>
  <mat-tab label="Third">Content 3</mat-tab>
  <mat-tab label="Forth" disabled>Content 4</mat-tab>
</mat-tab-group>