Styling & Theming

For a list of all available variables, see the MUI properties (opens in a new tab) page.

Example

// To provide a top margin of 30px to a box, you can use the `mt` prop.
<Box mt={30} />

Spacing

MUI offers a shorthand notation for the margin and padding CSS properties. The notation is based on the spacing scale (opens in a new tab).