Pular para o conteúdo

🎉 Material UI v5 is out now! Check out the announcement blog post

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.

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