Angular Material

Tab group with aligned labels

First

Second

Third

Content 1

First

Second

Third

Content 1

First

Second

Third

Content 1

Tab group animations

No animation

First

Second

Third

Content 1

Very slow animation

First

Second

Third

Content 1

Tab group with asynchronously loading tab contents

Loading tabs...

Basic use of the tab group

First

Second

Third

Content 1

Using tabs with a custom label template

First

Second

Third

Content 1

Tab group with dynamic height based on tab contents

Short tab

Long tab

Small content

Tab group with dynamically changing tabs

Selected tab index

Select tab after adding

First

Second

Third

Contents for First tab

Testing with MatTabGroupHarness

This example contains tests. Open in Stackblitz to run the tests.

Tab group with the headers on the bottom

First

Second

Third

Content 1

Tab group where the tab content is loaded lazily (when activated)

First

Second

Third

Content 1 - Loaded: May 26, 2021, 3:43:26 AM

Tab group with stretched labels

First

Second

Third

Content 1

Customizing the theme options on the tab group

Color

Background Color

First

Second

Third

Content 1