ui component category / 浮层与上下文
Overlays & Contextual Surfaces
在当前上下文之上提供补充信息、临时操作或阻断性任务的组件。
Key fields
Identity
- Subtype
- UI 组件分类
- Hierarchy Level
- L1 · UI 组件分类
What
- Definition
- 在当前上下文之上提供补充信息、临时操作或阻断性任务的组件。
- Classification
- 已验证
Why
- Core Question
- 补充信息或临时任务如何出现而不破坏上下文？
Lifecycle
- Status
- 已验证
Related content
Relationships come from the local knowledge graph and include reverse links.
- PortalPortalReverse · Related
将浮层或上下文内容渲染到独立挂载点，同时保留语义和交互关联。
- BackdropBackdropReverse · Related
Backdrop 如何在界面中被理解、操作或组合？
- ScrimScrimReverse · Related
Scrim 如何在界面中被理解、操作或组合？
- Alert DialogAlert DialogReverse · Related
要求用户确认、处理或理解高影响信息的模态警示对话框。
- Confirmation DialogConfirmation DialogReverse · Related
在不可逆或有风险操作前请求明确确认
- Confirmation PopoverConfirmation PopoverReverse · Related
在原地确认危险或不可逆操作，避免完整模态打断。
- Contextual HelpContextual HelpReverse · Related
在不打断主要流程的情况下提供字段或任务上下文帮助。
- DialogDialogReverse · Related
在当前任务上方承载聚焦任务或补充信息的对话框
- DrawerDrawerReverse · Related
从边缘滑入并承载辅助任务或详情的面板
- Hover CardHover CardReverse · Related
悬停或聚焦对象时展示对象摘要或预览的浮层
- ModalModalReverse · Related
承载需要聚焦处理的任务、确认或补充内容。
- PopoverPopoverReverse · Related
锚定在触发元素附近并显示补充内容或操作的浮层
- SheetSheetReverse · Related
以底部或侧边表面承载移动端或响应式任务的面板
- ToggletipToggletipReverse · Related
通过点击或聚焦触发、可被关闭的短提示浮层。
- TooltipTooltipReverse · Related
解释控件或图标含义的短文本提示