FormHelperTextAPI

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

示範

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

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

原生元件的 Props 也可使用。

名稱	類型	描述
children	node	元件的內容。如果提供 `' '`，元件會保留一行高度以顯示未來的訊息。
classes	object	覆寫或擴充套用至元件的樣式。請參閱下方的CSS 類別 API 以取得更多詳細資訊。
component	elementType	用於根節點的元件。可以是字串 (使用 HTML 元素) 或元件。
disabled	bool	如果為 `true`，輔助文字應以停用狀態顯示。
error	bool	如果為 `true`，輔助文字應以錯誤狀態顯示。
filled	bool	如果為 `true`，輔助文字應使用 filled 類別金鑰。
focused	bool	如果為 `true`，輔助文字應使用 focused 類別金鑰。
margin	'dense'	如果為 `dense`，將調整垂直間距。這通常透過 FormControl 的 context 取得。
required	bool	如果為 `true`，輔助文字應使用 required 類別金鑰。
sx	Array<func \| object \| bool> \| func \| object	允許定義系統覆寫以及額外 CSS 樣式的系統 prop。請參閱 `sx` 頁面以取得更多詳細資訊。
variant	'filled' \| 'outlined' \| 'standard' \| string	要使用的變體。

ref 會轉發到根元素。

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

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

類別名稱	規則名稱	描述
.Mui-disabled		如果 `disabled={true}`，則套用至根元素的狀態類別。
.Mui-error		如果 `error={true}`，則套用至根元素的狀態類別。
.Mui-focused		如果 `focused={true}`，則套用至根元素的狀態類別。
.Mui-required		如果 `required={true}`，則套用至根元素的狀態類別。
.MuiFormHelperText-contained	contained	如果 `variant="filled"` 或 `variant="outlined"`，則套用至根元素的樣式。
.MuiFormHelperText-filled	filled	如果 `filled={true}`，則套用至根元素的狀態類別。
.MuiFormHelperText-root	root	套用至根元素的樣式。
.MuiFormHelperText-sizeSmall	sizeSmall	如果 `size="small"`，則套用至根元素的樣式。

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

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