# Tabs Notice that this Component is incompatible with server side rendering. ## Props | Name | Type | Default | Description | |:-----|:-----|:--------|:------------| | buttonClassName | string | | The CSS class name of the scroll button elements. | | centered | bool | false | If `true`, the tabs will be centered. This property is intended for large views. | | children | node | | The content of the component. | | classes | object | | Useful to extend the style applied to components. | | fullWidth | bool | false | If `true`, the tabs will grow to use all the available space. This property is intended for small views. | | index * | union: [object Object]
 number
| | The index of the currently selected `Tab`. If you don't want any selected `Tab`, you can set this property to `false`. | | indicatorClassName | string | | The CSS class name of the indicator element. | | indicatorColor | union: [object Object],[object Object]
 string
| 'accent' | Determines the color of the indicator. | | onChange * | function | | Function called when the index change. | | scrollButtons | enum: 'auto'
 'on'
 'off'
| 'auto' | Determine behavior of scroll buttons when tabs are set to scroll `auto` will only present them on medium and larger viewports `on` will always present them `off` will never present them | | scrollable | bool | false | True invokes scrolling properties and allow for horizontally scrolling (or swiping) the tab bar. | | textColor | union: [object Object],[object Object],[object Object]
 string
| 'inherit' | Determines the color of the `Tab`. | Any other properties supplied will be spread to the root element. ## CSS API You can overrides all the class names injected by Material-UI thanks to the `classes` property. This property accepts the following keys: - `root` - `flexContainer` - `scrollingContainer` - `fixed` - `scrollable` - `centered` Have a look at [overriding with class names](/customization/overrides#overriding-with-class-names) section for more detail. If using the `overrides` key of the theme as documented [here](/customization/themes#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiTabs`.