Перейти к контенту

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

Backdrop (Затемнение)

Затемнение предназначено для акцентирования внимания пользователя на определенном элементе интерфейса.

Затемнение сигнализирует пользователю об изменении состояния в приложении и может быть использован для создания загрузчиков, диалогов и многое другое. Проще говоря, затемнение добавляет затемнённый слой поверх вашего приложения.

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