UI 组件状态与变体 / Loading

Loading

组件正在等待异步结果的状态。

关键字段

Identity · 身份

子类型
状态或变体
父级类目
Data Grid、Search Results、Action Group、Toggle Group、Segmented Control、Menubar、Navigation Menu、Service Navigation、Bottom Navigation、App Bar、Callout、Account / Profile、Changelog Page、Checkout Flow、Community Page、Confirmation Page、Contact / Lead Page、Conversation Page、CRUD Management、Documentation Shell、Email Verification、Error Page、Event Registration Flow、Feed / Stream Page、File Browser、Inbox、Job Listing Page、Master–Detail Workspace、Media Gallery Page、MFA / Verification、Notification Center Page、Password Reset、Pricing & Plan Selection、Product Detail Page、Resource Directory、Search Results Page、Settings Page、Shopping Cart、Inline Alert、Alert Dialog、Contextual Help、Toggletip、Confirmation Popover、Action Bar、Speed Dial、Resizable Panel、Splitter、List View、Card Grid、Media Card、Product Card、Testimonial Card、Button、Input、Select

What · 是什么

定义
组件正在等待异步结果的状态。
实现表现
保留布局并给出适度进度或等待提示。

Why · 为什么

实现目标
避免无限无说明等待,必要时提供取消或重试。

How · 怎么做

实现说明
默认值明确;状态转换可预测;键盘和触摸路径完整;读屏可感知;高对比和 reduced motion 下仍可用。

Evidence · 证据

局限与边界
使用语义状态、可见焦点、文本等价和适当的 ARIA 属性表达;不只依赖颜色、动画或声音。

Lifecycle · 生命周期

状态
启用