🎉 Material UI v5 is out now! Check out the announcement blog post →

Positions

Use these shorthand utilities for quickly configuring the position of an element.

z-index

z-index tooltip

z-index modal

<Box zIndex="tooltip">
<Box zIndex="modal">

import { positions } from '@material-ui/system';

Import name	Prop	CSS property	Theme key
`position`	`position`	`position`	none
`zIndex`	`zIndex`	`z-index`	`zIndex`
`top`	`top`	`top`	none
`right`	`right`	`right`	none
`bottom`	`bottom`	`bottom`	none
`left`	`left`	`left`	none