ui component category / 反馈与系统状态
Feedback & System Status
向用户传达成功、错误、警告、加载、进度和结果状态的组件。
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.
- Error TextError TextReverse · Related
Error Text 如何在界面中被理解、操作或组合？
- Inline LoadingInline LoadingReverse · Related
嵌入内容上下文中的轻量加载指示器。
- Loading IndicatorLoading IndicatorReverse · Related
Loading Indicator 如何在界面中被理解、操作或组合？
- MeterMeterReverse · Related
显示处于范围内但不一定代表完成度的数值。
- Presence IndicatorPresence IndicatorReverse · Related
表达用户、设备或协作者在线/离线状态的指示器。
- Progress BarProgress BarReverse · Related
Progress Bar 如何在界面中被理解、操作或组合？
- Progress RingProgress RingReverse · Related
Progress Ring 如何在界面中被理解、操作或组合？
- SkeletonSkeletonReverse · Related
Skeleton 如何在界面中被理解、操作或组合？
- SpinnerSpinnerReverse · Related
Spinner 如何在界面中被理解、操作或组合？
- Status DotStatus DotReverse · Related
用小型圆点表达在线、警告、成功或其他状态。
- Status IndicatorStatus IndicatorReverse · Related
Status Indicator 如何在界面中被理解、操作或组合？
- Success IndicatorSuccess IndicatorReverse · Related
Success Indicator 如何在界面中被理解、操作或组合？
- Validation MessageValidation MessageReverse · Related
Validation Message 如何在界面中被理解、操作或组合？
- Warning IndicatorWarning IndicatorReverse · Related
Warning Indicator 如何在界面中被理解、操作或组合？
- AlertAlertReverse · Related
在当前上下文中提示重要信息、风险或结果的结构
- BannerBannerReverse · Related
在页面或区域顶部持续展示重要公告或任务提示
- Empty StateEmpty StateReverse · Related
在没有内容、没有结果或首次使用时引导下一步
- Error SummaryError SummaryReverse · Related
集中列出表单或页面错误并链接到问题位置
- Inline AlertInline AlertReverse · Related
在当前内容上下文中报告重要提醒、错误或状态变化。
- Live RegionLive RegionReverse · Related
为异步变化、通知和状态更新提供辅助技术可感知的消息区域。
- Message BarMessage BarReverse · Related
在内容流中嵌入可理解、可操作的消息反馈
- NotificationNotificationReverse · Related
以可关闭或可操作的方式呈现系统通知
- Notification CenterNotification CenterReverse · Related
集中浏览、筛选和处理多条系统通知的结构
- Progress SummaryProgress SummaryReverse · Related
组合进度值、阶段、状态和补充说明的反馈结构
- Progress TrackerProgress TrackerReverse · Related
用步骤、状态和完成度表达长任务或流程进展。
- Result PanelResult PanelReverse · Related
在操作或查询完成后集中呈现结果、解释和后续动作。
- SnackbarSnackbarReverse · Related
在页面底部提供短暂反馈和可选撤销操作
- ToastToastReverse · Related
以短暂浮层反馈刚刚发生的操作结果