卡片標題API
React CardHeader 組件的 API 參考文件。了解此匯出模組的 props、CSS 和其他 API。
示範
匯入
import CardHeader from '@mui/material/CardHeader';
// or
import { CardHeader } from '@mui/material';請閱讀這份關於最小化 bundle 大小的指南，以了解差異。
原生組件的 props 也可用。
| 名稱 | 類型 | 預設值 | 描述 |
|---|---|---|---|
| action | 節點 | - | 要在卡片標題中顯示的 action。 |
| avatar | 節點 | - | 要顯示的 Avatar 元素。 |
| classes | 物件 | - | 覆寫或擴展應用於組件的樣式。 請參閱下方的 CSS classes API 以了解更多詳細資訊。 |
| component | 元素類型 | - | 用於根節點的組件。可以是字串（使用 HTML 元素）或組件。 |
| disableTypography | 布林值 | false | 如果為 |
| slotProps | { action?: func | object, avatar?: func | object, content?: func | object, root?: func | object, subheader?: func | object, title?: func | object } | {} | 用於每個 slot 內部的 props。 |
| slots | { action?: elementType, avatar?: elementType, content?: elementType, root?: elementType, subheader?: elementType, title?: elementType } | {} | 用於每個 slot 內部的組件。 |
| subheader | 節點 | - | 組件的內容。 |
| subheaderTypographyProps | 物件 | - | 這些 props 將被傳遞到 subheader（只要 disableTypography 不是 |
| sx | Array<func | object | bool> | func | object | - | 這個系統 prop 允許定義系統覆寫以及額外的 CSS 樣式。 請參閱〈`sx` page〉以了解更多詳細資訊。 |
| title | 節點 | - | 組件的內容。 |
| titleTypographyProps | 物件 | - | 這些 props 將被傳遞到 title（只要 disableTypography 不是 |
`ref` 會被傳遞到根元素。
主題預設 props
您可以使用 `MuiCardHeader` 透過主題變更此組件的預設 props。
| Slot 名稱 | 類別名稱 | 預設組件 | 描述 |
|---|---|---|---|
| root | .MuiCardHeader-root | 'div' | 渲染 root slot 的組件。 |
| avatar | .MuiCardHeader-avatar | 'div' | 渲染 avatar slot 的組件。 |
| action | .MuiCardHeader-action | 'div' | 渲染 action slot 的組件。 |
| content | .MuiCardHeader-content | 'div' | 渲染 content slot 的組件。 |
| title | .MuiCardHeader-title | 排版 | 渲染 title slot 的組件（只要 disableTypography 不是 `true`）。請遵循本指南以了解更多關於此組件的要求。 |
| subheader | .MuiCardHeader-subheader | 排版 | 渲染 subheader slot 的組件（只要 disableTypography 不是 `true`）。請遵循本指南以了解更多關於此組件的要求。 |
原始碼
如果您在本頁面中找不到資訊，請考慮查看組件的實作程式碼以獲得更多詳細資訊。