UI 组件类型 · 复合组件 / Modal
Modal
承载需要聚焦处理的任务、确认或补充内容。
关键字段
Identity · 身份
- 子类型
- 复合组件
- 父级类目
- 浮层与上下文
What · 是什么
- 组成与状态
- Scrim、Dialog Surface、Header、Body、Footer Actions、Close Action。
Why · 为什么
- 作用
- 承载需要聚焦处理的任务、确认或补充内容。
Where · 在哪里
- 适用场景
- Web 界面设计
Lifecycle · 生命周期
- 状态
- 启用
所属组件分类、组件部件与横向适用关系
关系来自本地关系表，并包含反向关联。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 浮层与上下文Overlays & Contextual Surfaces属于
在当前上下文之上提供补充信息、临时操作或阻断性任务的组件。
- BackdropBackdrop反向 · 属于
隔离背景内容并表达模态层级的遮罩
- Close ButtonClose Button反向 · 属于
关闭或退出对话框的操作
- DescriptionDescription反向 · 属于
解释任务背景或操作后果的说明
- Dialog BodyDialog Body反向 · 属于
承载对话任务主要内容的主体区域
- Dialog FooterDialog Footer反向 · 属于
承载确认、取消和辅助操作的底部区域
- Dialog HeaderDialog Header反向 · 属于
承载标题、说明和关闭操作的头部
- TitleTitle反向 · 属于
说明对话框当前任务的标题