🎉 v5 beta is out! Head to the v5 documentation to get started.

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