组件
按层次组织的全部组件。
基础设施
组件之间共用的机制原语。
随展开与收起旋转的指示物
在活动条目之间平移的高亮块
从按下位置扩散的涟漪反馈
只对屏幕阅读器可见的文字
排版
正文中的文字、代码、列表与引用的呈现方式。
引用他处的整段文字
正文中的行内代码
成段的代码,带语法着色和复制按钮
成组的名称与取值
标题,语义与字号分开
键盘按键,用于说明快捷键
文字链接,可渲染为路由组件
有序列表与无序列表
标出搜索命中的文字
按当前语言格式化数字
富文本容器,接管原生标签
遮住剧透内容,点击后揭示
正文文字
按当前语言显示时间
布局
排布子元素的容器,控制方向、间距和对齐。
滚动吸附
把内容固定在给定的宽高比内
把内容在两个方向上居中
把页面内容限制在可读宽度内并居中
分隔两段内容的细线
完整控制方向、对齐与分布的 flex 容器
按固定列数排布子元素的栅格容器
把子元素横向排成一行,放不下时换行
瀑布流
使用浮层滚动条的滚动区域
按最小列宽自动决定列数的等宽栅格
在 flex 容器中占位的空白元素
可以拖动分隔线调整比例的分栏容器
把子元素纵向排成一列
原子
界面中最小的可复用单元,按钮、标签与徽标。
代表一个用户或实体的圆形头像
把未读数钉在宿主元素的角上
触发一次操作的按钮
把一组按钮拼接为一个整体
可选中或者可移除的条目
关闭对话框、抽屉与提示
把一段文本写入剪贴板
固定于页面或容器边角的常用操作
只包含图标的按钮,必须提供名称
表示状态的小圆点
内容加载期间保持其形状的占位块
表示正在进行中的旋转指示
常用操作与附加菜单组成的按钮
标注状态、分类与属性的短标签
表单
输入、选择与提交数据的控件。
保留自由文本,支持光标处片段补全
勾选一项,或者从多项中勾选若干
一组复选框,共用一个数组值
边输入边筛选的选择框
分段输入日期与时间
输入或者从日历中选择日期
分段输入开始与结束日期
输入或者从日历中选择日期区间
输入或者从日历与时间段中选择日期时间
在原位置编辑文本,确认或取消修改
点击或者拖放选择文件
汇集字段的值、按规则校验并提交
为控件配上标签、说明与错误信息
把字段分组排成栅格,带有标题与说明
单行文本输入框
把前后缀、按钮与输入框合为一个输入面
常驻的可选列表
输入搜索并选择多项
从列表中选择多项
输入数值
输入密码,可以切换明文显示
逐格输入验证码或者 PIN 码
从多项中选择一项的单选框组
在数值范围内拖出一段区间
以星级打分或者展示评分
输入关键词进行搜索
在几个并列的选项中切换其一
从列表中选择一项
在数值范围内拖动取值
在开与关之间切换
输入并以标签形式保存多个值
多行文本输入框
分段输入时间
可按下与松开的双态按钮
支持父子联动勾选与半选状态的树形列表
从树形层级中选择一项
浮层
悬浮在页面之上的面板与提示。
需要用户明确回答的确认对话框
以快捷键唤起的搜索面板,输入后从命令与页面中选择
右键或者长按某个区域时在指针处展开的菜单
打断当前任务的模态对话框
从屏幕边缘滑入的模态面板
点击展开的一组操作
悬停在链接上时浮出的预览卡片
独立控制打开状态和图片序列的全屏预览
盖在一块区域上的加载指示,稍作等待再显示
横向排列的一组菜单,像桌面应用的菜单栏
贴着触发器浮出的确认气泡
点击触发器后浮出的面板
从屏幕底部升起、可以拖动关闭的面板
操作完成后浮出的一条简短反馈
悬停或聚焦时显示的简短说明
展示
承载与呈现内容的面板、容器和状态。
多段内容依次展开与收起的折叠列表
操作之后出现在页面内的消息条
横贯页面顶部的一条公告
按月展示与选择日期
写入内容之中的一段标注
承载一组内容的容器,比页面底色高出一层
支持拖拽、分组与按需自动播放的内容轮播
由一个触发器控制展开与收起的区域
一块区域没有内容时的占位,说明原因与下一步
懒加载、撑住位置并在失败时回退的图片
以一条分段的横条表示各部分占总量的比例
月份内容日历
带有标准标题栏的卡片,标题、计数与操作各有固定位置
以横条的填充长度表示任务完成的比例
可扫描、可导出的 SVG 二维码
按月展示与选择日期区间
一次操作完成后的结果页,成功、失败、警告或提示
以圆环的弧长表示任务完成的比例
突出显示一个关键数字,附带标签与变化
在同一位置切换显示的几组内容
以相连的节点按顺序呈现事件
数据
按行列组织并呈现成组数据的组件。
支持列表、网格、分页与自定义条目的数据视图
支持排序、筛选、分页与行选择的数据表格
在页码范围内切换当前页
按行列组织的静态数据表
只渲染可见范围附近条目的虚拟列表
壳层
承载整个界面的外层框架与区域划分。
应用的外层框架,安置侧栏、页眉与主区域
页面内容的骨架,含标题区、正文与侧栏
带标题的内容分节
应用左侧的导航栏,可收起为图标条