TabPanelAPI

React TabPanel 元件的 API 參考文件。瞭解這個匯出模組的 props、CSS 和其他 API。

示範

如需這個 React 元件的使用範例和詳細資訊，請造訪元件示範頁面

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

閱讀這份關於最小化 bundle 大小的指南，以瞭解差異。

原生元件的 Props 也可用。

名稱	類型	預設	描述
value*	number \| string	-	對應 `Tab` 的 `value`。當沒有 `value` 傳遞給 `Tab` 時，必須使用 `Tab` 的索引。
children	node	-	元件的內容。
classes	object	-	覆寫或擴充套用至元件的樣式。請參閱下方的 CSS 類別 API 以瞭解更多詳細資訊。
keepMounted	bool	false	始終將子元件保留在 DOM 中。
sx	Array<func \| object \| bool> \| func \| object	-	這個系統 prop 允許定義系統覆寫以及額外的 CSS 樣式。請參閱 `sx` 頁面以瞭解更多詳細資訊。

ref 會轉發到根元素。

這些類別名稱對於使用 CSS 設定樣式很有用。當觸發特定狀態時，它們會套用至元件的插槽。

類別名稱	規則名稱	描述
.MuiTabPanel-hidden	hidden	如果 `hidden={true}`，則套用至根 `div` 元素的狀態類別。
.MuiTabPanel-root	root	套用至根元素的樣式。

您可以使用下列自訂選項之一來覆寫元件的樣式

如果您在此頁面中找不到資訊，請考慮查看元件的實作程式碼以瞭解更多詳細資訊。