Examples for tabs
Tab group with aligned labels
Content 1
Content 1
Content 1
Tab group animations

No animation

Content 1

Very slow animation

Content 1
Tab group with asynchronously loading tab contents
Content 1
Basic use of the tab group
Content 1
Using tabs with a custom label template
Content 1
Tab group with dynamic height based on tab contents
Small content
Tab group with dynamically changing tabs
Contents for First tab
Testing with MatTabGroupHarness
This example contains tests. Open in Stackblitz to run the tests.
Tab group with headers below the content
Content 1
Tab group with ink bar fit to content
Content 1
Tab group where the tab content is loaded lazily (when activated)
Content 1 - Loaded: Feb 5, 2025, 8:41:22 AM
Tab group with paginated tabs
Content
Tab group that keeps its content inside the DOM when it's off-screen.

Start the video in the first tab and navigate to the second one to see how it keeps playing.

Tab group with stretched labels
Content 1
Basic use of the tab nav bar