卡片操作API
React CardActions 組件的 API 參考文檔。了解此導出模組的 props、CSS 和其他 API。
範例
導入
import CardActions from '@mui/joy/CardActions';
// or
import { CardActions } from '@mui/joy';
通過閱讀這份關於最小化 bundle size 的指南,了解它們之間的區別。
原生組件的 Props 也可用。
名稱 | 類型 | 預設 | 描述 |
---|---|---|---|
buttonFlex | number | 字串 | - | Button 及其 wrapper 的 CSS |
children | node | - | 如果未設定 |
component | elementType | - | 用於 root node 的組件。可以是字串(用於 HTML 元素)或組件。 |
orientation | 'horizontal-reverse' | 'horizontal' | 'vertical' | 'horizontal' | 組件方向。 |
slotProps | { root?: func | 物件 } | {} | 用於每個 slot 內部的 props。 |
slots | { root?: elementType } | {} | 用於每個 slot 內部的組件。 有關更多詳細資訊,請參閱下方的 Slots API。 |
sx | Array<func | 物件 | 布林值> | func | 物件 | - | 系統 prop,允許定義系統覆寫以及額外的 CSS 樣式。 有關更多詳細資訊,請參閱 `sx` 頁面。 |
ref
被傳遞到 root 元素。主題預設 props
您可以使用 JoyCardActions
來更改此組件的預設 props 使用主題。
要了解如何客製化 slot,請查看 覆寫組件結構 指南。
Slot 名稱 | 類別名稱 | 預設組件 | 描述 |
---|---|---|---|
root | .MuiCardActions-root | 'div' | 渲染 root 的組件。 |
原始碼
如果您在本頁面中找不到所需資訊,請考慮查看組件的實作以獲取更多詳細資訊。