StepConnectorAPI
React StepConnector 元件的 API 參考文件。瞭解此匯出模組的 props、CSS 和其他 API。
示範
匯入
import StepConnector from '@mui/material/StepConnector';
// or
import { StepConnector } from '@mui/material';閱讀關於最小化套件大小的指南，以瞭解差異。
原生元件的 Props 也可使用。
| 名稱 | 類型 | 描述 |
|---|---|---|
| classes | object | 覆寫或擴充應用於元件的樣式。 請參閱下方的CSS classes API 以瞭解更多詳細資訊。 |
| sx | Array<func | object | bool> | func | object | 系統屬性，允許定義系統覆寫以及額外的 CSS 樣式。 請參閱 `sx` 頁面 以瞭解更多詳細資訊。 |
ref 傳遞到根元素。主題預設 props
您可以使用 MuiStepConnector 透過主題變更此元件的預設 props。
這些類別名稱對於使用 CSS 設定樣式很有用。它們在觸發特定狀態時應用於元件的插槽。
| 類別名稱 | 規則名稱 | 描述 |
|---|---|---|
| .Mui-active | 如果 active={true}，則套用至根元素的狀態類別。 | |
| .Mui-completed | 如果 completed={true}，則套用至根元素的狀態類別。 | |
| .Mui-disabled | 如果 disabled={true}，則套用至根元素的狀態類別。 | |
| .MuiStepConnector-alternativeLabel | alternativeLabel | 如果 alternativeLabel={true}，則套用至根元素的樣式。 |
| .MuiStepConnector-horizontal | horizontal | 如果 orientation="horizontal"，則套用至根元素的樣式。 |
| .MuiStepConnector-line | line | 套用至線條元素的樣式。 |
| .MuiStepConnector-lineHorizontal | lineHorizontal | 如果 orientation="horizontal"，則套用至線條元素的樣式。 |
| .MuiStepConnector-lineVertical | lineVertical | 如果 orientation="vertical"，則套用至線條元素的樣式。 |
| .MuiStepConnector-root | root | 套用至根元素的樣式。 |
| .MuiStepConnector-vertical | vertical | 如果 orientation="vertical"，則套用至根元素的樣式。 |
您可以使用以下自訂選項之一覆寫元件的樣式
- 使用全域類別名稱。
- 在自訂主題中，使用規則名稱作為元件
styleOverrides屬性的一部分。
原始碼
如果您在本頁面中找不到資訊，請考慮查看元件的實作以取得更多詳細資訊。