FormLabelAPI

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

示範

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

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

原生元件的 props 也可用。

名稱	類型	描述
children	node	元件的內容。
classes	object	覆寫或擴展應用於元件的樣式。請參閱下方CSS 類別 API 以瞭解更多詳細資訊。
color	'error' \| 'info' \| 'primary' \| 'secondary' \| 'success' \| 'warning' \| string	元件的顏色。它同時支援預設和自訂主題色彩，可以按照調色盤自訂指南中所示的方式新增。
component	elementType	用於根節點的元件。可以是字串（用於 HTML 元素）或元件。
disabled	bool	若為 `true`，標籤應顯示為停用狀態。
error	bool	若為 `true`，標籤會顯示為錯誤狀態。
filled	bool	若為 `true`，標籤應使用 filled 類別金鑰。
focused	bool	若為 `true`，此標籤的輸入會處於焦點狀態 (由 `FormGroup` 元件使用)。
required	bool	若為 `true`，標籤將指示 `input` 為必填。
sx	Array<func \| object \| bool> \| func \| object	系統屬性，允許定義系統覆寫以及額外的 CSS 樣式。請參閱 `sx` 頁面以瞭解更多詳細資訊。

ref 會轉發到根元素。

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

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

類別名稱	規則名稱	描述
.Mui-disabled		若 `disabled={true}`，則應用於根元素的狀態類別。
.Mui-error		若 `error={true}`，則應用於根元素的狀態類別。
.Mui-focused		若 `focused={true}`，則應用於根元素的狀態類別。
.Mui-required		若 `required={true}`，則應用於根元素的狀態類別。
.MuiFormLabel-asterisk	asterisk	應用於星號元素的樣式。
.MuiFormLabel-colorSecondary	colorSecondary	若顏色為 secondary，則應用於根元素的樣式。
.MuiFormLabel-filled	filled	若 `filled={true}`，則應用於根元素的狀態類別。
.MuiFormLabel-root	root	應用於根元素的樣式。

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

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