Skip to content

🎉 v5 release candidate 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">

API

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