卡片封面API
React CardCover 元件的 API 參考文件。了解此匯出模組的 props、CSS 和其他 API。
範例展示
匯入
import CardCover from '@mui/joy/CardCover';
// or
import { CardCover } from '@mui/joy';
閱讀這份關於最小化 bundle 大小的指南,以了解差異。
原生元件的 Props 也可使用。
名稱 | 類型 | 預設值 | 描述 |
---|---|---|---|
children | 節點 | - | 若未設定 |
component | 元素類型 | - | 用於根節點的元件。可以是字串(用於 HTML 元素)或元件。 |
slotProps | { root?: func | object } | {} | 用於每個 slot 內部的 props。 |
slots | { root?: elementType } | {} | 用於每個 slot 內部的元件。 詳情請參閱下方的 Slots API。 |
sx | Array<func | object | bool> | func | object | - | 系統 prop,允許定義系統覆寫以及額外的 CSS 樣式。 詳情請參閱 `sx` 頁面。 |
`ref` 會轉發到根元素。
主題預設 props
您可以使用 JoyCardCover
透過主題變更此元件的預設 props。
若要了解如何客製化 slot,請查看「覆寫元件結構」指南。
Slot 名稱 | 類別名稱 | 預設元件 | 描述 |
---|---|---|---|
root | .MuiCardCover-root | 'div' | 呈現根元素的元件。 |
原始碼
如果您在此頁面中找不到資訊,請考慮查看元件的實作程式碼以取得更多詳細資訊。