Tabs

Tabs organize related content into compact sections without leaving the current view.

Basic Usage

Use standard tabs for the most common inline section switching pattern.

Pane Tabs

Pane tabs are useful inside taller bounded regions where the tab list and content live together in the same panel.

Modal Tabs

Modal tabs adapt the same pattern to dialog layouts where the tab content needs a slightly different structure.

Disabled and Overflow

Disable unavailable tabs and allow long tab lists to scroll in constrained layouts.

API reference

Tabs wraps Base UI Tabs. Use the Base UI API reference for tab activation, keyboard behavior, disabled tabs, and controlled state.