Browse components
Tabs
Base UI tabs for switching between related content without leaving the page.
View your key metrics and recent project activity.
Default tabs for switching between related dashboard content.
Your team activity appears here.
Underlined tabs for compact content sections.
Manage your account profile.
Side navigation tabs for account settings and preferences.
Billing remains unavailable until your workspace is verified.
Tabs with an unavailable option.
Your workspace dashboard.
Tabs with Solar icons alongside short labels.
About Tabs Components
Tabs organize related content into one compact space while keeping one panel visible at a time.
Use short labels and keep tab panels closely related.
Frequently asked questions
When should I use tabs?
Use tabs to switch between related views such as account settings, analytics, or reports.
Can tabs be vertical?
Yes. Set orientation to vertical for side navigation layouts.
Are tabs keyboard accessible?
Yes. Base UI provides the expected tab keyboard behavior and ARIA semantics.