{ "props": { "action": { "type": { "name": "custom", "description": "ref" } }, "allowScrollButtonsMobile": { "type": { "name": "bool" }, "default": "false" }, "aria-label": { "type": { "name": "string" } }, "aria-labelledby": { "type": { "name": "string" } }, "centered": { "type": { "name": "bool" }, "default": "false" }, "children": { "type": { "name": "node" } }, "classes": { "type": { "name": "object" }, "additionalInfo": { "cssApi": true } }, "component": { "type": { "name": "elementType" } }, "indicatorColor": { "type": { "name": "union", "description": "'primary'
| 'secondary'
| string" }, "default": "'primary'" }, "onChange": { "type": { "name": "func" }, "signature": { "type": "function(event: React.SyntheticEvent, value: any) => void", "describedArgs": ["event", "value"] } }, "orientation": { "type": { "name": "enum", "description": "'horizontal'
| 'vertical'" }, "default": "'horizontal'" }, "ScrollButtonComponent": { "type": { "name": "elementType" }, "default": "TabScrollButton", "deprecated": true, "deprecationInfo": "use the slots.scrollButtons prop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details." }, "scrollButtons": { "type": { "name": "enum", "description": "'auto'
| false
| true" }, "default": "'auto'" }, "selectionFollowsFocus": { "type": { "name": "bool" } }, "slotProps": { "type": { "name": "shape", "description": "{ endScrollButtonIcon?: func
| object, indicator?: func
| object, list?: func
| object, root?: func
| object, scrollbar?: func
| object, scrollButtons?: func
| object, scroller?: func
| object, startScrollButtonIcon?: func
| object }" }, "default": "{}" }, "slots": { "type": { "name": "shape", "description": "{ endScrollButtonIcon?: elementType, EndScrollButtonIcon?: elementType, indicator?: elementType, list?: elementType, root?: elementType, scrollbar?: elementType, scrollButtons?: elementType, scroller?: elementType, startScrollButtonIcon?: elementType, StartScrollButtonIcon?: elementType }" }, "default": "{}" }, "sx": { "type": { "name": "union", "description": "Array<func
| object
| bool>
| func
| object" }, "additionalInfo": { "sx": true } }, "TabIndicatorProps": { "type": { "name": "object" }, "default": "{}", "deprecated": true, "deprecationInfo": "use the slotProps.indicator prop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details." }, "TabScrollButtonProps": { "type": { "name": "object" }, "default": "{}", "deprecated": true, "deprecationInfo": "use the slotProps.scrollButtons prop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details." }, "textColor": { "type": { "name": "enum", "description": "'inherit'
| 'primary'
| 'secondary'" }, "default": "'primary'" }, "value": { "type": { "name": "any" } }, "variant": { "type": { "name": "enum", "description": "'fullWidth'
| 'scrollable'
| 'standard'" }, "default": "'standard'" }, "visibleScrollbar": { "type": { "name": "bool" }, "default": "false" } }, "name": "Tabs", "imports": ["import Tabs from '@mui/material/Tabs';", "import { Tabs } from '@mui/material';"], "slots": [ { "name": "root", "description": "The component used for the popper.", "default": "div", "class": "MuiTabs-root" }, { "name": "scroller", "description": "The component used for the scroller.", "default": "div", "class": "MuiTabs-scroller" }, { "name": "list", "description": "The component used for the flex container.", "default": "div", "class": "MuiTabs-list" }, { "name": "scrollbar", "description": "The component used for the scroller.", "default": "ScrollbarSize", "class": null }, { "name": "indicator", "description": "The component used for the tab indicator.", "default": "span", "class": "MuiTabs-indicator" }, { "name": "scrollButtons", "description": "The component used for the scroll button.", "default": "TabScrollButton", "class": "MuiTabs-scrollButtons" }, { "name": "startScrollButtonIcon", "description": "The component used for the start scroll button icon.", "default": "KeyboardArrowLeft", "class": null }, { "name": "endScrollButtonIcon", "description": "The component used for the end scroll button icon.", "default": "KeyboardArrowRight", "class": null } ], "classes": [ { "key": "centered", "className": "MuiTabs-centered", "description": "Styles applied to the flex container element if `centered={true}` & `!variant=\"scrollable\"`.", "isGlobal": false }, { "key": "fixed", "className": "MuiTabs-fixed", "description": "Styles applied to the tablist element if `!variant=\"scrollable\"`\b\b\b.", "isGlobal": false }, { "key": "flexContainer", "className": "MuiTabs-flexContainer", "description": "", "isGlobal": false, "isDeprecated": true }, { "key": "flexContainerVertical", "className": "MuiTabs-flexContainerVertical", "description": "", "isGlobal": false, "isDeprecated": true }, { "key": "hideScrollbar", "className": "MuiTabs-hideScrollbar", "description": "Styles applied to the tablist element if `variant=\"scrollable\"` and `visibleScrollbar={false}`.", "isGlobal": false }, { "key": "scrollableX", "className": "MuiTabs-scrollableX", "description": "Styles applied to the tablist element if `variant=\"scrollable\"` and `orientation=\"horizontal\"`.", "isGlobal": false }, { "key": "scrollableY", "className": "MuiTabs-scrollableY", "description": "Styles applied to the tablist element if `variant=\"scrollable\"` and `orientation=\"vertical\"`.", "isGlobal": false }, { "key": "scrollButtonsHideMobile", "className": "MuiTabs-scrollButtonsHideMobile", "description": "Styles applied to the ScrollButtonComponent component if `allowScrollButtonsMobile={true}`.", "isGlobal": false }, { "key": "vertical", "className": "MuiTabs-vertical", "description": "Styles applied to the root element if `orientation=\"vertical\"`.", "isGlobal": false } ], "spread": true, "themeDefaultProps": true, "muiName": "MuiTabs", "forwardsRefTo": "HTMLDivElement", "filename": "/packages/mui-material/src/Tabs/Tabs.js", "inheritance": null, "demos": "", "cssComponent": false }