Skip to content

🎉 Material UI v5 is out! Head to the migration guide to get started.


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


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