Backdrop

O componente backdrop (pano de fundo) é usado para fornecer ênfase em um elemento específico ou partes dele.

O backdrop sinaliza para o usuário uma mudança de estado dentro do aplicativo e pode ser usado para criar progressos, diálogos e muito mais. Em seu formato mais simples, o componente backdrop irá adicionar uma camada escurecida sobre seu aplicativo.

Feedback
Bundle size
Sketch
Figma

Exemplo

<Button variant="outlined" onClick={handleToggle}>
  Show backdrop
</Button>
<Backdrop className={classes.backdrop} open={open} onClick={handleClose}>
  <CircularProgress color="inherit" />
</Backdrop>

API

<Backdrop />