StepButtonAPI

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

範例

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

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

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

ButtonBase 元件的 props 也可使用。

名稱	類型	描述
children	node	可以是 `StepLabel` 或放置在 `StepLabel` 內作為 children 的節點。
classes	object	覆寫或擴充套用至元件的樣式。請參閱下方的 CSS classes API 以取得更多詳細資訊。
icon	node	步驟標籤顯示的 icon。
optional	node	要顯示的 optional 節點。
sx	Array<func \| object \| bool> \| func \| object	允許定義系統覆寫以及額外 CSS 樣式的系統 prop。請參閱 `sx` 頁面以取得更多詳細資訊。

ref 會轉發到根元素。

雖然上面沒有明確的文件說明，但 ButtonBase 元件的 props 也可在 StepButton 中使用。您可以利用此功能來鎖定巢狀元件。

您可以使用 MuiStepButton 來變更此元件的預設 props（透過主題）。

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

Class 名稱	規則名稱	描述
.MuiStepButton-horizontal	horizontal	如果 `orientation="horizontal"`，則套用至根元素的樣式。
.MuiStepButton-root	root	套用至根元素的樣式。
.MuiStepButton-touchRipple	touchRipple	套用至 `ButtonBase` touch-ripple 的樣式。
.MuiStepButton-vertical	vertical	如果 `orientation="vertical"`，則套用至根元素的樣式。

您可以使用以下其中一種客製化選項來覆寫元件的樣式

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