ImageListItemBar API

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

演示项目

For examples and details on the usage of this React component, visit the component demo pages:

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

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

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

名称	类型	默认值	描述
actionIcon	node		An IconButton element to be used as secondary action target (primary action target is the item itself).
actionPosition	'left' \| 'right'	'right'	Position of secondary action IconButton.
classes	object		Override or extend the styles applied to the component. See CSS API below for more details.
position	'below' \| 'bottom' \| 'top'	'bottom'	标题栏的位置
subtitle	node		String or element serving as subtitle (support text).
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.
title	node		要显示的标题

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

规则名称	全局类名	描述
root	.MuiImageListItemBar-root	Styles applied to the root element.
positionBottom	.MuiImageListItemBar-positionBottom	Styles applied to the root element if `position="bottom"`.
positionTop	.MuiImageListItemBar-positionTop	Styles applied to the root element if `position="top"`.
positionBelow	.MuiImageListItemBar-positionBelow	Styles applied to the root element if `position="below"`.
titleWrap	.MuiImageListItemBar-titleWrap	Styles applied to the title and subtitle container element.
titleWrapBelow	.MuiImageListItemBar-titleWrapBelow	Styles applied to the title and subtitle container element if `position="below"`.
titleWrapActionPosLeft	.MuiImageListItemBar-titleWrapActionPosLeft	Styles applied to the container element if `actionPosition="left"`.
titleWrapActionPosRight	.MuiImageListItemBar-titleWrapActionPosRight	Styles applied to the container element if `actionPosition="right"`.
title	.MuiImageListItemBar-title	Styles applied to 标题的容器元素.
subtitle	.MuiImageListItemBar-subtitle	Styles applied to 二级标题的容器元素.
actionIcon	.MuiImageListItemBar-actionIcon	Styles applied to the actionIcon if supplied.
actionIconActionPosLeft	.MuiImageListItemBar-actionIconActionPosLeft	Styles applied to the actionIcon if `actionPosition="left"`.

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