Tabs
A pill-style segment switcher over Base UI. The active tab is a solid dark pill and a sliding indicator glides behind the row; roving focus and the tab/panel ARIA wiring come from Base UI.
Overview content
<Tabs defaultValue="overview"> <TabsList> <TabsIndicator /> <TabsTab value="overview">Overview</TabsTab> <TabsTab value="activity">Activity</TabsTab> <TabsTab value="settings">Settings</TabsTab> </TabsList> <TabsPanel value="overview">Overview content</TabsPanel> <TabsPanel value="activity">Activity content</TabsPanel> <TabsPanel value="settings">Settings content</TabsPanel></Tabs>Parts
| Prop | Type | Default | Notes |
|---|---|---|---|
Tabs | Root | — | Holds value/defaultValue and onValueChange. |
TabsList | container | — | The pill track; wraps the tabs. |
TabsIndicator | element | — | Sliding pill; place first inside TabsList. |
TabsTab | trigger | — | One per tab; needs a value. |
TabsPanel | region | — | Matched to a tab by value. |