005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
1.3 KiB
1.3 KiB
Positions
Use these shorthand utilities for quickly configuring the position of an element.
z-index
{{"demo": "ZIndex.js", "defaultCodeOpen": false, "bg": true}}
<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 |