UI 组件 L1 · 组件分类 / Feedback & System Status
反馈与系统状态
向用户传达成功、错误、警告、加载、进度和结果状态的组件。
Identity · 身份
- 子类型
- UI 组件分类
- 层级
- L1 · UI 组件分类
What · 是什么
- 定义
- 向用户传达成功、错误、警告、加载、进度和结果状态的组件。
- 分类
- 已验证
Why · 为什么
- 核心问题
- 系统发生了什么，用户是否需要行动？
Lifecycle · 生命周期
- 状态
- 已验证
包含 UI 组件类型（L2）
关系来自本地关系表，并包含反向关联。
- Error TextError Text反向 · 属于
Error Text 如何在界面中被理解、操作或组合？
- Inline LoadingInline Loading反向 · 属于
嵌入内容上下文中的轻量加载指示器。
- Loading IndicatorLoading Indicator反向 · 属于
Loading Indicator 如何在界面中被理解、操作或组合？
- MeterMeter反向 · 属于
显示处于范围内但不一定代表完成度的数值。
- Presence IndicatorPresence Indicator反向 · 属于
表达用户、设备或协作者在线/离线状态的指示器。
- Progress BarProgress Bar反向 · 属于
Progress Bar 如何在界面中被理解、操作或组合？
- Progress RingProgress Ring反向 · 属于
Progress Ring 如何在界面中被理解、操作或组合？
- SkeletonSkeleton反向 · 属于
Skeleton 如何在界面中被理解、操作或组合？
- SpinnerSpinner反向 · 属于
Spinner 如何在界面中被理解、操作或组合？
- Status DotStatus Dot反向 · 属于
用小型圆点表达在线、警告、成功或其他状态。
- Status IndicatorStatus Indicator反向 · 属于
Status Indicator 如何在界面中被理解、操作或组合？
- Success IndicatorSuccess Indicator反向 · 属于
Success Indicator 如何在界面中被理解、操作或组合？
- Validation MessageValidation Message反向 · 属于
Validation Message 如何在界面中被理解、操作或组合？
- Warning IndicatorWarning Indicator反向 · 属于
Warning Indicator 如何在界面中被理解、操作或组合？
- AlertAlert反向 · 属于
在当前上下文中提示重要信息、风险或结果的结构
- BannerBanner反向 · 属于
在页面或区域顶部持续展示重要公告或任务提示
- Empty StateEmpty State反向 · 属于
在没有内容、没有结果或首次使用时引导下一步
- Error SummaryError Summary反向 · 属于
集中列出表单或页面错误并链接到问题位置
- Inline AlertInline Alert反向 · 属于
在当前内容上下文中报告重要提醒、错误或状态变化。
- Live RegionLive Region反向 · 属于
为异步变化、通知和状态更新提供辅助技术可感知的消息区域。
- Message BarMessage Bar反向 · 属于
在内容流中嵌入可理解、可操作的消息反馈
- NotificationNotification反向 · 属于
以可关闭或可操作的方式呈现系统通知
- Notification CenterNotification Center反向 · 属于
集中浏览、筛选和处理多条系统通知的结构
- Progress SummaryProgress Summary反向 · 属于
组合进度值、阶段、状态和补充说明的反馈结构
- Progress TrackerProgress Tracker反向 · 属于
用步骤、状态和完成度表达长任务或流程进展。
- Result PanelResult Panel反向 · 属于
在操作或查询完成后集中呈现结果、解释和后续动作。
- SnackbarSnackbar反向 · 属于
在页面底部提供短暂反馈和可选撤销操作
- ToastToast反向 · 属于
以短暂浮层反馈刚刚发生的操作结果