StepContentAPI

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

範例展示

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

import StepContent from '@mui/material/StepContent';
// or
import { StepContent } from '@mui/material';

原生元件的 Props 也可使用。

名稱	類型	預設值	描述
children	node	-	元件的內容。
classes	object	-	覆寫或擴充套用至元件的樣式。請參閱下方的CSS 類別 API 以取得更多詳細資訊。
slotProps	{ transition?: func \| object }	{}	用於每個內部 slot 的 props。
slots	{ transition?: elementType }	{}	用於每個內部 slot 的元件。
sx	Array<func \| object \| bool> \| func \| object	-	系統 prop，允許定義系統覆寫以及額外的 CSS 樣式。請參閱 `sx` 頁面以取得更多詳細資訊。
TransitionComponent	elementType	Collapse	用於 transition 的元件。請遵循本指南以瞭解關於此元件需求的更多資訊。已過時－請改用 `slots.transition`。此 prop 將在 v7 版本中移除。如何遷移。
transitionDuration	'auto' \| number \| { appear?: number, enter?: number, exit?: number }	'auto'	調整內容展開 transition 的持續時間。作為 prop 傳遞至 transition 元件。設定為 'auto' 以根據高度自動計算 transition 時間。
TransitionProps	object	-	套用至 transition 元素的 Props。預設情況下，此元素基於此 `Transition` 元件。已過時－請改用 `slotProps.transition`。此 prop 將在 v7 版本中移除。請參閱從已過時的 API 遷移以取得更多詳細資訊。

ref 轉發到根元素。

您可以使用 MuiStepContent 透過主題變更此元件的預設 props。

Slot 名稱	類別名稱	預設元件	描述
transition	.MuiStepContent-transition	`Collapse`	轉譯 transition slot 的元件。請遵循本指南以瞭解關於此元件需求的更多資訊。

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

類別名稱	規則名稱	描述
.MuiStepContent-last	last	如果 `last={true}`（由 `Step` 控制），則套用至根元素的樣式。
.MuiStepContent-root	root	套用至根元素的樣式。

您可以使用以下其中一種自訂選項覆寫元件的樣式

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