Material
Components
CDK
Guides
8.2.3
arrow_drop_down
format_color_fill
GitHub
Components
CDK
Guides
menu
Tabs
Form Controls
keyboard_arrow_up
Autocomplete
Checkbox
Datepicker
Form field
Input
Radio button
Select
Slider
Slide toggle
Navigation
keyboard_arrow_up
Menu
Sidenav
Toolbar
Layout
keyboard_arrow_up
Card
Divider
Expansion Panel
Grid list
List
Stepper
Tabs
Tree
Buttons & Indicators
keyboard_arrow_up
Button
Button toggle
Badge
Chips
Icon
Progress spinner
Progress bar
Ripples
Popups & Modals
keyboard_arrow_up
Bottom Sheet
Dialog
Snackbar
Tooltip
Data table
keyboard_arrow_up
Paginator
Sort header
Table
overview
api
examples
Examples for tabs
Basic use of the tab group
open_in_new
First
Second
Third
Content 1
Using tabs with a custom label template
open_in_new
thumb_up
First
thumb_up
Second
thumb_up
Third
Content 1
Tab group with dynamic height based on tab contents
open_in_new
Short tab
Long tab
Small content
Tab group with dynamically changing tabs
open_in_new
Selected tab index:
Add new tab
Select tab after adding
First
Second
Third
Contents for First tab
Delete Tab
Tab group with the headers on the bottom
open_in_new
First
Second
Third
Content 1
Tab group where the tab content is loaded lazily (when activated)
open_in_new
First
Second
Third
Content 1 - Loaded: Apr 15, 2025, 12:39:08 AM
Tab group with stretched labels
open_in_new
First
Second
Third
Content 1
Customizing the theme options on the tab group
open_in_new
Primary
Accent
Color
Primary
Accent
Background Color
First
Second
Third
Content 1
Tab group with asynchronously loading tab contents
open_in_new
Loading tabs...
Basic use of the tab nav bar
open_in_new
First
Second
Third
Disabled Link
Toggle background
Add link
Select a theme!
View source
Edit in StackBlitz