CardHeaderAPI

API reference docs for the React CardHeader component. 了解此导出模块的属性、CSS 和其他 API。

演示

有关此 React 组件用法的示例和详细信息，请访问组件演示页面

Card

导入

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

阅读本关于最小化 bundle size 的指南，了解两者之间的区别。

属性

原生组件的属性也可用。

名称	类型	默认值	描述
action	node	-	要在卡片标题中显示的操作。
avatar	node	-	要显示的 Avatar 元素。
classes	object	-	覆盖或扩展应用于组件的样式。有关更多详细信息，请参见下面的 CSS 类 API。
component	elementType	-	用于根节点的组件。可以是用于 HTML 元素的字符串或组件。
disableTypography	bool	false	如果为 `true`，`subheader` 和 `title` 将不会被 Typography 组件包裹。这在通过使用 Typography 组件包裹 `title` 文本和可选的 `subheader` 文本来渲染替代的 Typography 变体时非常有用。
slotProps	{ action?: func \| object, avatar?: func \| object, content?: func \| object, root?: func \| object, subheader?: func \| object, title?: func \| object }	{}	用于每个插槽内部的属性。
slots	{ action?: elementType, avatar?: elementType, content?: elementType, root?: elementType, subheader?: elementType, title?: elementType }	{}	用于每个插槽内部的组件。
subheader	node	-	组件的内容。
subheaderTypographyProps	object	-	这些属性将转发到 subheader（只要 disableTypography 不是 `true`）。已弃用－使用 `slotProps.subheader` 代替。此属性将在 v7 中移除。请参阅从已弃用的 API 迁移以了解更多详细信息。
sx	Array<func \| object \| bool> \| func \| object	-	允许定义系统覆盖以及其他 CSS 样式的系统属性。有关更多详细信息，请参阅 `sx` 页面。
title	node	-	组件的内容。
titleTypographyProps	object	-	这些属性将转发到 title（只要 disableTypography 不是 `true`）。已弃用－使用 `slotProps.title` 代替。此属性将在 v7 中移除。请参阅从已弃用的 API 迁移以了解更多详细信息。

ref 转发到根元素。

主题默认属性

您可以使用 MuiCardHeader 通过主题更改此组件的默认属性 with the theme。

插槽

插槽名称	类名	默认组件	描述
root	.MuiCardHeader-root	`'div'`	渲染 root 插槽的组件。
avatar	avatar	`'div'`	渲染 avatar 插槽的组件。
action	action	`'div'`	渲染 action 插槽的组件。
content	.MuiCardHeader-content	`'div'`	渲染 content 插槽的组件。
title	title	`Typography`	渲染 title 插槽的组件（只要 disableTypography 不是 `true`）。请遵循本指南以了解有关此组件要求的更多信息。
subheader	subheader	`Typography`	渲染 subheader 插槽的组件（只要 disableTypography 不是 `true`）。请遵循本指南以了解有关此组件要求的更多信息。

源代码

如果您在此页面中找不到信息，请考虑查看组件的 implementation of the component 以获取更多详细信息。