Box API
API documentation for the React Box component. Learn about the available props and the CSS API.
Import
import Box from '@mui/system/Box';
// or
import { Box } from '@mui/system';Props
Props of the native component are also available.
| Name | Type | Default | Description |
|---|---|---|---|
| component | elementType | The component used for the root node. Either a string to use a HTML element or a component. | |
| sx | Array<func | object | bool> | func | object | The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details. |
As a CSS utility, the Box component also supports all
system properties. You can use them as props directly on the component.The
ref is forwarded to the root element.