跳转到内容

编辑此页面

Backdrop

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

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

示例

<Button onClick={handleToggle}>Show backdrop</Button>
<Backdrop
  sx={{ color: '#fff', zIndex: (theme) => theme.zIndex.drawer + 1 }}
  open={open}
  onClick={handleClose}
>
  <CircularProgress color="inherit" />
</Backdrop>

API

<Backdrop />