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

卡片操作API

React CardActions 組件的 API 參考文檔。了解此導出模組的 props、CSS 和其他 API。

範例

導入

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

通過閱讀這份關於最小化 bundle size 的指南,了解它們之間的區別。

Props

原生組件的 Props 也可用。

名稱類型預設描述
buttonFlexnumber
| 字串
-

Button 及其 wrapper 的 CSS flex

childrennode-

如果未設定 src,則用於在 CardActions 內部渲染圖示或文字元素。這可以是一個元素,或僅僅是一個字串。

componentelementType-

用於 root node 的組件。可以是字串(用於 HTML 元素)或組件。

orientation'horizontal-reverse'
| 'horizontal'
| 'vertical'
'horizontal'

組件方向。

slotProps{ root?: func
| 物件 }
{}

用於每個 slot 內部的 props。

slots{ root?: elementType }{}

用於每個 slot 內部的組件。

有關更多詳細資訊,請參閱下方的 Slots API

sxArray<func
| 物件
| 布林值>
| func
| 物件
-

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

有關更多詳細資訊,請參閱 `sx` 頁面

ref 被傳遞到 root 元素。

主題預設 props

您可以使用 JoyCardActions 來更改此組件的預設 props 使用主題

Slots

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

Slot 名稱類別名稱預設組件描述
root.MuiCardActions-root'div'渲染 root 的組件。

原始碼

如果您在本頁面中找不到所需資訊,請考慮查看組件的實作以獲取更多詳細資訊。