BoxAPI

React Box 组件的 API 参考文档。了解此导出模块的 props、CSS 和其他 API。

演示

有关此 React 组件的使用示例和详细信息，请访问组件演示页面

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

阅读这份关于最小化包大小的指南，了解两者之间的区别。

原生组件的 Props 也可用。

名称类型描述

component

名称	类型	描述
component	elementType	用于根节点的组件。可以是用于 HTML 元素的字符串或组件。
sx	Array<func \| object \| bool> \| func \| object	允许定义系统覆盖以及其他 CSS 样式的系统 prop。有关更多详细信息，请参阅 `sx` 页面。

elementType

用于根节点的组件。可以是用于 HTML 元素的字符串或组件。

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

允许定义系统覆盖以及其他 CSS 样式的系统 prop。

有关更多详细信息，请参阅 `sx` 页面。

作为 CSS 实用程序，Box 组件还支持所有 system 属性。您可以直接在组件上将它们用作 props。

ref 被转发到根元素。

这些类名对于使用 CSS 进行样式设置很有用。当特定状态被触发时，它们会被应用到组件的插槽。

类名	规则名称	描述
.MuiBox-root	root	应用于根元素的类名。

您可以使用以下自定义选项之一来覆盖组件的样式

如果您在此页面中找不到所需信息，请考虑查看组件的实现以获取更多详细信息。