蒙版

蒙版组件用于特定元素或其部分的强调。

蒙版组件可以用来提醒用户当前应用状态的变化，同时它也可以用来创建加载遮罩层、对话框等等。在最简单的情况下，背景暗化组件将在您的应用程序上添加一个暗淡的图层。

Feedback 用户反馈
捆绑包的大小
Figma
Adobe
Sketch

示例

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

Press Enter to start editing

API

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.

<Backdrop />