Demos - Tabs

AngularJS Material Long Term Support has officially ended as of January 2022. Read the End-Of-Life announcement.

This demo shows how you can horizontally center tabs and use the primary color as your tab background.

The Dynamic Height demo shows how tabs can be used to display content with varying heights.

Note: If you are using the Tabs component for page-level navigation, please take a look at the NavBar component instead. It has better support for navigation and can performantly handle tabs with larger, more rich content.

The Dynamic Tabs demo shows how internal tab views can be used.