Backdrop (Затемнение)
Затемнение предназначено для акцентирования внимания пользователя на определенном элементе интерфейса.
Затемнение сигнализирует пользователю об изменении состояния в приложении и может быть использован для создания загрузчиков, диалогов и многое другое. Проще говоря, затемнение добавляет затемнённый слой поверх вашего приложения.
<Button variant="outlined" color="primary" onClick={handleToggle}>
Show backdrop
</Button>
<Backdrop className={classes.backdrop} open={open} onClick={handleClose}>
<CircularProgress color="inherit" />
</Backdrop>