Skip to content

Positions

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

z-index

z-index tooltip
z-index modal
<Box sx={{ zIndex: 'tooltip' }}>
<Box sx={{ zIndex: 'modal' }}>

API

import { positions } from '@mui/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