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

First

Second

Third

Content 1

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

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: Mar 15, 2025, 1:01:06 PM

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

Basic use of the tab nav bar