Skip to content

TabUnstyled API

API documentation for the React TabUnstyled component. Learn about the available props and the CSS API.

Import

import TabUnstyled from '@mui/base/TabUnstyled';
// or
import { TabUnstyled } from '@mui/base';
You can learn about the difference by reading this guide on minimizing bundle size.

Props

Props of the native component are also available.

NameTypeDefaultDescription
actionfunc
| { current?: { focusVisible: func } }
A ref for imperative actions. It currently only supports focusVisible() action.
componentelementType
The component used for the root node. Either a string to use a HTML element or a component.
components{ Root?: elementType }{}
The components used for each slot inside the Tab. Either a string to use a HTML element or a component.
componentsProps{ root?: func
| object }
{}
The props used for each slot inside the Tab.
disabledboolfalse
If true, the component is disabled.
onChangefunc
Callback invoked when new value is being set.
valuenumber
| string
You can provide your own value. Otherwise, we fall back to the child position index.

The ref is forwarded to the root element.

Demos