跳转到内容

Backdrop

背景暗化组件用于提供针对特定元素或这个元素一部分的强调。

Backdrop组件提醒用户应用程序内部状态的变化,也可以用来创建进度条、对话框等等。 在最简单的情况下,背景暗化组件将在您的应用程序上添加一个暗淡的图层。

示例

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