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	primary	`Typography`	渲染主要插槽的组件。
secondary	secondary	`Typography`	渲染次要插槽的组件。

CSS 类

这些类名对于使用 CSS 进行样式设置非常有用。当触发特定状态时，它们会应用于组件的插槽。

类名	规则名称	描述
.MuiListItemText-dense	dense	如果 dense，则应用于 Typography 组件的样式。
.MuiListItemText-inset	inset	如果 `inset={true}`，则应用于根元素的样式。
.MuiListItemText-multiline	multiline	如果设置了 primary 和 secondary，则应用于 Typography 组件的样式。

您可以使用以下自定义选项之一覆盖组件的样式

使用全局类名。
使用作为自定义主题中组件的 styleOverrides 属性一部分的规则名称。

源代码

如果您在此页面中找不到所需的信息，请考虑查看组件的实现以获取更多详细信息。