跳到内容跳到内容

TabPanelAPI

React TabPanel 组件的 API 参考文档。了解此导出的模块的属性、CSS 和其他 API。

演示

导入

import TabPanel from '@mui/lab/TabPanel';
// or
import { TabPanel } from '@mui/lab';

阅读此关于最小化 bundle 大小的指南,了解它们之间的区别。

属性

原生组件的属性也可用。

名称类型默认值描述
value*number
| string
-

对应 Tabvalue。当没有 value 传递给 Tab 时,必须使用 Tab 的索引。

childrennode-

组件的内容。

classesobject-

覆盖或扩展应用于组件的样式。

有关更多详细信息,请参阅下面的CSS 类 API

keepMountedboolfalse

始终将子元素保留在 DOM 中。

sxArray<func
| object
| bool>
| func
| object
-

允许定义系统覆盖以及附加 CSS 样式的系统属性。

有关更多详细信息,请参阅 `sx` 页面

ref 被转发到根元素。

CSS 类

这些类名对于使用 CSS 进行样式设置很有用。当特定状态被触发时,它们会被应用于组件的插槽。

类名规则名描述
.MuiTabPanel-hiddenhidden如果 hidden={true},则应用于根 div 元素的 State 类。
.MuiTabPanel-rootroot应用于根元素的样式。

您可以使用以下自定义选项之一覆盖组件的样式

源代码

如果您在此页面中没有找到信息,请考虑查看组件的实现以获取更多详细信息。