跳到主要內容跳到主要內容
🚀 影響 Joy UI 2025 年的發展藍圖！參與最新的開發者問卷調查

CardOverflowAPI

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

範例

匯入

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

透過閱讀這篇關於最小化 bundle 大小的指南，了解它們之間的差異。

Props

也提供原生元件的 Props。

名稱類型預設描述
childrennode-

如果未設定 src，用於在 CardOverflow 內部呈現圖示或文字元素。這可以是元素，或只是一個字串。

color'danger'
| 'neutral'
| 'primary'
| 'success'
| 'warning'
| string		'neutral'

元件的顏色。它支援適用於此元件的那些主題色彩。

若要了解如何新增自己的色彩，請查看主題元件 — 擴充色彩。

componentelementType-

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

slotProps{ root?: func
| object }		{}

用於每個 slot 內部的 props。

slots{ root?: elementType }{}

用於每個 slot 內部的元件。

如需更多詳細資訊，請參閱下方的Slots API。

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

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

如需更多詳細資訊，請參閱 `sx` 頁面。

variant'outlined'
| 'plain'
| 'soft'
| 'solid'
| string		'plain'

要使用的全域 variant。

若要了解如何新增自己的 variant，請查看主題元件 — 擴充 variant。

ref 會轉發到根元素。

主題預設 props

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

Slots

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

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

CSS 類別

這些類別名稱對於使用 CSS 設定樣式很有用。當觸發特定狀態時，它們會套用至元件的 slot。

類別名稱規則名稱描述
.MuiCardOverflow-colorContextcolorContext當觸發色彩反轉時，套用至根元素的類別名稱。
.MuiCardOverflow-colorDangercolorDanger如果 color="danger"，則套用至根元素的類別名稱。
.MuiCardOverflow-colorNeutralcolorNeutral如果 color="neutral"，則套用至根元素的類別名稱。
.MuiCardOverflow-colorPrimarycolorPrimary如果 color="primary"，則套用至根元素的類別名稱。
.MuiCardOverflow-colorSuccesscolorSuccess如果 color="success"，則套用至根元素的類別名稱。
.MuiCardOverflow-colorWarningcolorWarning如果 color="warning"，則套用至根元素的類別名稱。
.MuiCardOverflow-variantOutlinedvariantOutlined如果 variant="outlined"，則套用至根元素的類別名稱。
.MuiCardOverflow-variantPlainvariantPlain如果 variant="plain"，則套用至根元素的類別名稱。
.MuiCardOverflow-variantSoftvariantSoft如果 variant="soft"，則套用至根元素的類別名稱。
.MuiCardOverflow-variantSolidvariantSolid如果 variant="solid"，則套用至根元素的類別名稱。

您可以使用下列其中一種客製化選項覆寫元件的樣式

原始碼

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