ListItemAvatar API

想要学习更多组件属性和 CSS API，可以查阅 React ListItemAvatar 组件的 API 文档。

导入

import ListItemAvatar from '@mui/material/ListItemAvatar';
// 或
import { ListItemAvatar } from '@mui/material';

A simple wrapper to apply List styles to an Avatar.

在主题中，名称“MuiListItemAvatar”可用于提供默认属性（props），或者样式覆盖

原生（Native）组件的属性也是可用的。

名称	类型	描述
children	node	The content of the component – normally `Avatar`.
classes	object	Override or extend the styles applied to the component. See CSS API below for more details.
sx	Array<func \| object \| bool> \| func \| object	The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.

ref 则会被传递到根元素中。

规则名称	全局类名	描述
root	.MuiListItemAvatar-root	Styles applied to the root element.
alignItemsFlexStart	.MuiListItemAvatar-alignItemsFlexStart	Styles applied to the root element when the parent `ListItem` uses `alignItems="flex-start"`.

您可以使用组件自定义选项对组件进行个性化：