Tabs
Tab components for organizing content into switchable panels.
Default
Small
Medium (default)
Large
Default tabs with a contained background style.
Default (pill shape)
Small
Medium (default)
Large
Default tabs with pill-shaped triggers.
Line
Small
Medium (default)
Large
Line tabs with an underline indicator.
Line fluid
Medium (default)
Large
Line fluid tabs that expand to fill the available width on mobile.
Button
Small
Medium (default)
Large
Button-style tabs with bordered triggers.
With icons
Default
Line
Button
Tabs can include icons alongside text.
With content
Account settings
Manage your account preferences and security settings.
Complete tabs example with switchable content panels.