UI 组件类型 · 复合组件 / Alert
Alert
在当前上下文中提示重要信息、风险或结果的结构
关键字段
Identity · 身份
- 子类型
- 复合组件
- 父级类目
- 反馈与系统状态
What · 是什么
- 定义
- 在当前上下文中提示重要信息、风险或结果的结构
- 组成与状态
- 触发或标题、主体内容、辅助信息、主要操作、状态反馈、关闭或返回入口(按场景取舍)
Why · 为什么
- 作用
- 在当前上下文中提示重要信息、风险或结果的结构
Where · 在哪里
- 适用场景
- Web 界面设计、Emphasized
How · 怎么做
- 检查清单
- 定义用途;明确结构与状态;覆盖键盘/触摸/读屏;处理加载、错误和空状态;验证响应式与焦点顺序。
Lifecycle · 生命周期
- 状态
- 启用
所属组件分类、组件部件与横向适用关系
关系来自本地关系表,并包含反向关联。
- Announcement / Site AlertAnnouncement / Site Alert反向 · 应用于
在页面顶部或关键上下文中告知维护、政策、活动或高优先级变化。
- Cookie / Privacy ConsentCookie / Privacy Consent反向 · 应用于
解释 Cookie、追踪和隐私选择,并让用户能接受、拒绝或细化设置。
- Maintenance / Status PageMaintenance / Status Page反向 · 应用于
说明服务状态、维护时间、影响范围、进展和恢复后的验证方式。
- Progress / Empty / ErrorProgress / Empty / Error反向 · 应用于
在内容、任务或数据暂不可用时解释发生了什么,并提供等待、恢复或替代路径。
- Status / AvailabilityStatus / Availability反向 · 应用于
表达服务、产品、库存、功能或内容当前是否可用及其限制。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 反馈与系统状态Feedback & System Status属于
向用户传达成功、错误、警告、加载、进度和结果状态的组件。
- ActionAction反向 · 属于
承载解决问题或继续任务的操作
- Close ButtonClose Button反向 · 属于
关闭可 dismiss 提示的操作
- MessageMessage反向 · 属于
提供可理解上下文的消息正文
- Status IconStatus Icon反向 · 属于
表达消息严重级别或类型的图标
- TitleTitle反向 · 属于
概括提示原因或结论的标题
- EmphasizedEmphasized应用于
在局部上下文中增强视觉强调的变体。