BoxAPI

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

示範

有關此 React 組件用法的範例和詳細資訊，請訪問組件示範頁面

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

也提供原生組件的屬性。

名稱類型描述

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	根	應用於根元素的樣式。

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

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