z-index

z-index é a propriedade CSS que ajuda a controlar o leiaute, fornecendo um terceiro eixo para organizar o conteúdo.

Vários componentes do Material-UI utiliza z-index, empregando uma escala z-index padrão em Material-UI, que foi projetada para adequar camadas de drawers, modais, snackbars, dicas, e muito mais.

Os valores de z-index começam em um número arbitrário, alto e especifico o suficiente para idealmente evitar conflitos:

assistente mobile: 1000
fab: 1050
speed dial: 1050
app bar: 1100
drawer: 1200
modal: 1300
snackbar: 1400
tooltip: 1500

Esses valores sempre podem ser customizados. You will find them in the theme under the zIndex key of the theme. Customização de valores individuais não é recomendada; se você deve mudar um, você provavelmente precisará mudar todos eles.