Saltar al contenido

Backdrop

El componente backdrop es usado para proveer énfasis en un elemento particular o en partes de este.

El backdrop señala al usuario de un cambio de estado dentro de una aplicación y puede ser usado para crear cargadores, diálogos y más. En su forma simple, el componente backdrop añade una capa de atenuado sobre su aplicación.

Ejemplo

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