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

🎉 Material UI v5 is out! Head to the migration guide to get started.

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

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

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

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