FormGroupAPI
React FormGroup 組件的 API 參考文件。了解此匯出模組的 props、CSS 和其他 API。
示範
匯入
import FormGroup from '@mui/material/FormGroup';
// or
import { FormGroup } from '@mui/material';閱讀這份關於最小化 bundle 大小的指南，以了解差異。
FormGroup 包裹了像是 Checkbox 和 Switch 的控制項。它提供緊湊的列佈局。對於 Radio，您應該使用 RadioGroup 組件而不是這個。
也提供原生組件的 props。
| 名稱 | 類型 | 預設值 | 描述 |
|---|---|---|---|
| children | node | - | 組件的內容。 |
| classes | object | - | 覆寫或擴展應用於組件的樣式。 請參閱下方的CSS 類別 API 以了解更多詳細資訊。 |
| row | bool | false | 以緊湊的列顯示元素群組。 |
| sx | Array<func | object | bool> | func | object | - | 系統 prop，允許定義系統覆寫以及額外的 CSS 樣式。 請參閱 `sx` 頁面 以了解更多詳細資訊。 |
ref 會轉發到根元素。主題預設 props
您可以使用 MuiFormGroup 來透過主題變更此組件的預設 props。
這些類別名稱對於使用 CSS 設定樣式很有用。當觸發特定狀態時，它們會應用於組件的 slots。
| 類別名稱 | 規則名稱 | 描述 |
|---|---|---|
| .Mui-error | 如果 error={true}，則應用於根元素的狀態類別。 | |
| .MuiFormGroup-root | root | 應用於根元素的樣式。 |
| .MuiFormGroup-row | row | 如果 row={true}，則應用於根元素的樣式。 |
您可以使用以下自訂選項之一來覆寫組件的樣式
- 使用全域類別名稱。
- 使用規則名稱作為自訂主題中組件的
styleOverrides屬性的一部分。
原始碼
如果您在此頁面中找不到資訊，請考慮查看組件的實作以了解更多詳細資訊。