跳到主要內容跳到主要內容

卡片封面API

React CardCover 元件的 API 參考文件。了解此匯出模組的 props、CSS 和其他 API。

範例展示

匯入

import CardCover from '@mui/joy/CardCover';
// or
import { CardCover } from '@mui/joy';

閱讀這份關於最小化 bundle 大小的指南,以了解差異。

Props

原生元件的 Props 也可使用。

名稱類型預設值描述
children節點-

若未設定 src,用於在 CardCover 內部呈現圖示或文字元素。這可以是元素,或僅僅是字串。

component元素類型-

用於根節點的元件。可以是字串(用於 HTML 元素)或元件。

slotProps{ root?: func
| object }
{}

用於每個 slot 內部的 props。

slots{ root?: elementType }{}

用於每個 slot 內部的元件。

詳情請參閱下方的 Slots API。

sxArray<func
| object
| bool>
| func
| object
-

系統 prop,允許定義系統覆寫以及額外的 CSS 樣式。

詳情請參閱 `sx` 頁面。

`ref` 會轉發到根元素。

主題預設 props

您可以使用 JoyCardCover 透過主題變更此元件的預設 props。

Slots

若要了解如何客製化 slot,請查看「覆寫元件結構」指南。

Slot 名稱類別名稱預設元件描述
root.MuiCardCover-root'div'呈現根元素的元件。

原始碼

如果您在此頁面中找不到資訊,請考慮查看元件的實作程式碼以取得更多詳細資訊。