Material
Components
CDK
Guides
7.3.7
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
First
Second
Third
Content 1
Using tabs with a custom label template
thumb_up
First
thumb_up
Second
thumb_up
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:
Add new tab
Select tab after adding
First
Second
Third
Contents for First tab
Delete 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: Apr 13, 2019, 3:00:09 PM
Tab group with stretched labels
First
Second
Third
Content 1
Customizing the theme options on the tab group
Primary
Accent
Color
Primary
Accent
Background Color
First
Second
Third
Content 1
Tab group with asynchronously loading tab contents
First
Second
Third
Content 1
Basic use of the tab nav bar
Toggle background
First
Second
Third
Disabled Link
Select a theme!
View source
Edit in StackBlitz