Tabs
Tabbed navigation components for organizing content
Basic Examples
This is the first item's tab body.
This is the second item's tab body.
This is the third item's tab body.
Tabs with icons
This is the first item's tab body.
This is the second item's tab body.
This is the third item's tab body.
Tabs with badges
This is the first item's tab body.
This is the second item's tab body.
This is the third item's tab body.
Horizontal alignment
This is the first item's tab body.
This is the second item's tab body.
This is the third item's tab body.
Vertical
This is the first item's tab body.
This is the second item's tab body.
This is the third item's tab body.
Card type tab
This is the first item's tab body.
This is the second item's tab body.
This is the third item's tab body.
Select on mobile
This is the first item's tab body.
This is the second item's tab body.
This is the third item's tab body.
Segment
This is the first item's tab body.
This is the second item's tab body.
This is the third item's tab body.
Horizontal scroll
This is the first item's tab body.
This is the second item's tab body.
This is the third item's tab body.
This is the fourth item's tab body.
This is the fifth item's tab body.
Bar with underline
This is the first item's tab body.
This is the second item's tab body.
This is the third item's tab body.
Pills with brand color
This is the first item's tab body.
This is the second item's tab body.
This is the third item's tab body.
Fill and justify
This is the first item's tab body.
This is the second item's tab body.
This is the third item's tab body.
Equal-width elements
This is the first item's tab body.
This is the second item's tab body.
This is the third item's tab body.