BoxAPI

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

示範

如需此 React 元件的使用範例和詳細資訊，請造訪元件示範頁面

import Box from '@mui/material/Box';
// or
import { Box } from '@mui/material';

原生元件的屬性也可用。

名稱類型描述

component

名稱	類型	描述
component	elementType	用於根節點的元件。可以是字串 (使用 HTML 元素) 或元件。
sx	Array<func \| object \| bool> \| func \| object	系統屬性，允許定義系統覆寫以及其他 CSS 樣式。請參閱 `sx` 頁面以了解更多詳細資訊。

elementType

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

Array<func
| object
| bool>
| func
| object

系統屬性，允許定義系統覆寫以及其他 CSS 樣式。

請參閱 `sx` 頁面以了解更多詳細資訊。

作為 CSS 实用工具，Box 元件也支援所有 system 屬性。您可以直接在元件上將它們用作屬性。

ref 會轉發到根元素。

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

類別名稱	規則名稱	描述
.MuiBox-root	root	應用於根元素的樣式。

您可以使用以下自訂選項之一覆寫元件的樣式

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