Tabs component
Tabs
Client-controlled, line variant, and vertical tab layouts.
Client-Controlled Tabs
Tabs that switch instantly in the browser.
Overview
Client-controlled tabs switch instantly while preserving ARIA attributes and roving focus behavior.
Analytics
Arrow keys move focus between tabs, and Space or Enter activates the focused tab.
Reports
Use disabled triggers when a section exists conceptually but is not currently available.
This panel is disabled in the trigger list.
Line Variant
Tabs with an underline indicator style.
Preview content appears here.
Code content appears here.
Diff content appears here.
Vertical Tabs
Tabs arranged vertically for settings-like layouts.
Account
Vertical tabs are useful for settings sidebars and longer navigation labels.
Notifications
In vertical mode, ArrowUp and ArrowDown move through the tab list.
Security
Configure session policies, 2FA requirements, and export controls.