ListItemTextAPI

React ListItemText 組件的 API 參考文件。了解此導出模組的屬性、CSS 和其他 API。

範例

有關此 React 組件的使用範例和詳細資訊，請訪問組件範例頁面

列表

導入

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

閱讀本指南，了解如何盡可能縮減套件大小，以了解差異。

屬性

也提供原生組件的屬性。

名稱	類型	預設	描述
children	node	-	`primary` 屬性的別名。
classes	object	-	覆寫或擴展應用於組件的樣式。有關更多詳細資訊，請參閱下方的CSS 類別 API。
disableTypography	bool	false	如果為 `true`，子元素將不會被 Typography 組件包裝。這可用於通過使用 Typography 組件包裝 `children`（或 `primary`）文字和可選的 `secondary` 文字來呈現替代的 Typography 變體。
inset	bool	false	如果為 `true`，則子元素會縮排。如果沒有左側頭像或左側圖示，則應使用此項。
primary	node	-	主要內容元素。
primaryTypographyProps	object	-	這些屬性將轉發到主要排版組件（只要 disableTypography 不是 `true`）。已棄用－請改用 `slotProps.primary`。此屬性將在 v7 中移除。有關更多詳細資訊，請參閱從已棄用的 API 遷移。
secondary	node	-	次要內容元素。
secondaryTypographyProps	object	-	這些屬性將轉發到次要排版組件（只要 disableTypography 不是 `true`）。已棄用－請改用 `slotProps.secondary`。此屬性將在 v7 中移除。有關更多詳細資訊，請參閱從已棄用的 API 遷移。
slotProps	{ primary?: func \| object, root?: func \| object, secondary?: func \| object }	{}	用於每個插槽內部的屬性。
slots	{ primary?: elementType, root?: elementType, secondary?: elementType }	{}	用於每個插槽內部的組件。
sx	Array<func \| object \| bool> \| func \| object	-	系統屬性，允許定義系統覆寫以及其他 CSS 樣式。有關更多詳細資訊，請參閱 `sx` 頁面。

ref 將轉發到根元素。

主題預設屬性

您可以使用 MuiListItemText 通過主題更改此組件的預設屬性。

插槽

插槽名稱	類別名稱	預設組件	描述
root	.MuiListItemText-root	`'div'`	呈現根插槽的組件。
primary	.MuiListItemText-primary	`Typography`	呈現主要插槽的組件。
secondary	.MuiListItemText-secondary	`Typography`	呈現次要插槽的組件。

CSS 類別

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

類別名稱	規則名稱	描述
.MuiListItemText-dense	dense	如果密集，則應用於 Typography 組件的樣式。
.MuiListItemText-inset	inset	如果 `inset={true}`，則應用於根元素的樣式。
.MuiListItemText-multiline	multiline	如果設定了 primary 和 secondary，則應用於 Typography 組件的樣式。

您可以使用以下自訂選項之一來覆寫組件的樣式

使用全域類別名稱。
使用作為自訂主題中組件的 styleOverrides 屬性一部分的規則名稱。

原始碼

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