UI 组件 L1 · 组件分类 / Overlays & Contextual Surfaces
浮层与上下文
在当前上下文之上提供补充信息、临时操作或阻断性任务的组件。
关键字段
Identity · 身份
- 子类型
- UI 组件分类
- 层级
- L1 · UI 组件分类
What · 是什么
- 定义
- 在当前上下文之上提供补充信息、临时操作或阻断性任务的组件。
- 分类
- 已验证
Why · 为什么
- 核心问题
- 补充信息或临时任务如何出现而不破坏上下文？
Lifecycle · 生命周期
- 状态
- 已验证
包含 UI 组件类型（L2）
关系来自本地关系表，并包含反向关联。
- PortalPortal反向 · 属于
将浮层或上下文内容渲染到独立挂载点，同时保留语义和交互关联。
- BackdropBackdrop反向 · 属于
Backdrop 如何在界面中被理解、操作或组合？
- ScrimScrim反向 · 属于
Scrim 如何在界面中被理解、操作或组合？
- Alert DialogAlert Dialog反向 · 属于
要求用户确认、处理或理解高影响信息的模态警示对话框。
- Confirmation DialogConfirmation Dialog反向 · 属于
在不可逆或有风险操作前请求明确确认
- Confirmation PopoverConfirmation Popover反向 · 属于
在原地确认危险或不可逆操作，避免完整模态打断。
- Contextual HelpContextual Help反向 · 属于
在不打断主要流程的情况下提供字段或任务上下文帮助。
- DialogDialog反向 · 属于
在当前任务上方承载聚焦任务或补充信息的对话框
- DrawerDrawer反向 · 属于
从边缘滑入并承载辅助任务或详情的面板
- Hover CardHover Card反向 · 属于
悬停或聚焦对象时展示对象摘要或预览的浮层
- ModalModal反向 · 属于
承载需要聚焦处理的任务、确认或补充内容。
- PopoverPopover反向 · 属于
锚定在触发元素附近并显示补充内容或操作的浮层
- SheetSheet反向 · 属于
以底部或侧边表面承载移动端或响应式任务的面板
- ToggletipToggletip反向 · 属于
通过点击或聚焦触发、可被关闭的短提示浮层。
- TooltipTooltip反向 · 属于
解释控件或图标含义的短文本提示