内容与数据展示

提供缩写的完整含义和可访问解释。

显示轻量分类、状态或数量标记。

标识引用内容、来源或用户话语的语义文本单元。

Chip 如何在界面中被理解、操作或组合？

显示可选择颜色的视觉色块，并暴露颜色名称和数值。

以标准化字符或图形表达短文本语义和情绪。

Heading 如何在界面中被理解、操作或组合？

Keyboard Key 如何在界面中被理解、操作或组合？

List Item 如何在界面中被理解、操作或组合？

表达有序、无序、任务或自定义列表关系的标记。

在文本中标识需要强调、命中或搜索高亮的片段。

在文本中引用用户、团队、对象或实体的内联标记。

展示一个数值、单位、时间范围和解释的指标组件。

Rating 如何在界面中被理解、操作或组合？

带有上下文说明、指向相关内容或下一步任务的链接组件。

Table Cell 如何在界面中被理解、操作或组合？

Tag 如何在界面中被理解、操作或组合？

Text 如何在界面中被理解、操作或组合？

按时间和主体展示对象活动、变更或协作记录

专门呈现文章标题、摘要、作者、主题或发布时间的内容卡片。

按日历网格呈现日期、事件或排期的结构

用显著的视觉容器强调补充信息、解释或行动建议。

将相关信息和操作组合成可扫描、可比较的内容容器。

把多个卡片按响应式栅格、列数和间距组织起来。

以一致布局组织多个卡片并表达集合关系的结构

组织卡片标题、说明和局部操作。

展示可复制、可高亮的代码或命令片段

以层级、作者、时间和回复动作组织评论讨论。

支持列、行、编辑、选择和数据操作的高密度表格

以标签和值的配对结构展示对象属性或摘要数据。

展示结构化数据并支持排序、筛选和行级操作。

以标签和值的对应关系呈现对象属性摘要

把多个可展开的说明、细节或相关内容组织成组。

在对象上下文中组织多轮讨论、状态和参与者。

把当前应用中的筛选条件呈现为可删除、可编辑的标签组。

以统一节奏呈现同类对象集合的列表结构

以可排序、选择、分页或虚拟化方式展示一组对象。

承载可选择选项集合的列表弹层或列表区域

成组展示关键指标、趋势和比较信息的结构

呈现一个定价方案、适用对象、价格、限制和行动的比较组件。

呈现产品、价格、规格、库存和购买操作的商业卡片。

以引用文本、来源和上下文强调一条内容或观点。

展示搜索或筛选结果并支持排序、分页和批量操作

聚合评分、分布、评论数量和代表性评论的评价摘要。

展示搜索命中、摘要、筛选和空结果反馈的结构

在结果列表或内容集合上提供排序依据和方向控制。

为数据表增加排序、选择、密度和键盘操作的复合能力。

集中呈现任务、页面或对象的关键信息与下一步动作。

呈现用户评价、身份和上下文的信任证明组件。

以头像、引用、姓名和身份呈现一条用户证言。

以块状容器承载摘要信息和可选操作的结构

按时间顺序展示事件、活动或进度的结构

以表格列展示层级数据并支持展开的结构

展示可展开层级节点并支持选择或导航的结构

组织长文阅读的标题、导语、正文、媒体和相关内容。