组件

具有 raised、pressed 和 primary 状态的基础操作控件。

安全约束焦点并在关闭后将其还给原触发器的模态表面。

支持通过键盘浏览操作、选项和 submenu 的上下文菜单。

对不可撤销操作进行明确确认的对话框。

依附按钮、保留上下文的设置面板。

补充说明链接目标的预览卡片。

从视口边缘打开的可滚动操作面板。

在指针位置打开的操作菜单，支持复选、单选和子菜单。

可通过滑动关闭的底部或侧边任务面板。

支持 boolean 与 indeterminate 状态的原生复选框。

focus 与 validation 状态清晰的 inset 单行输入框。

将输入框、addon 和操作组合在同一 inset 表面中的复合字段。

连接表单 control 名称与点击区域的原生 label。

用于选择单一值的原生 radio input 组。

保留浏览器无障碍能力的原生 select 表面。

在横向或纵向 track 上调节一个或多个值的范围控件。

以按下的 track 呈现立即生效的开关设置。

用于输入多行文本、可调整尺寸的 inset field。

保持按下选择状态的独立切换按钮。

可通过键盘导航的单选或多选切换组。

把控件与标签、说明和验证错误关联起来。

为相关控件提供共用标题和禁用状态的组。

协调字段验证和提交错误的原生表单。

支持范围、步长和本地化格式的数字输入。

支持过滤、空结果及键盘选择的搜索输入。

用于单日和范围选择的新拟态日历。

在弹出层中选择并清除日期。

将一个真实输入与多个视觉槽位组合的验证码输入。

可单独或同时展开多个区块的折叠内容组。

以有序且有语义的列表显示当前页面的路径。

明确显示当前页及上一页、下一页入口的 raised 链接组。

在同一上下文中通过键盘切换 panel 的 tab interface。

在 hover 和 keyboard focus 时提供简短辅助说明的 popup。

展开或折叠一组可选设置的容器。

集中呈现文档操作、支持方向键导航的工具栏。

结合链接和弹出面板、支持键盘的网站导航。

通过方向键移动的应用命令菜单。

结合搜索与键盘选择的命令面板和快速导航列表。

通过触控、按钮和方向键浏览的连续内容视图。

可通过指针或键盘调整比例的分割面板。

同时支持桌面折叠和移动端 Sheet 的应用导航。

通过 raised 表面传达重要状态和操作结果的消息。

图片加载失败时仍能显示 fallback 的头像表面。

以简短醒目的行内标签显示状态或分类。

以 raised、soft、inset 或 flat 表面组织内容，并用 accent 色面突出重点。

以 inset 轨道和 primary 填充显示完成进度。

保留浏览器原生 scrolling 的主题化 overflow 表面。

以高光和细微阴影表现相关内容之间边界的分隔线。

预先展示待加载内容尺寸和位置的 inset placeholder。

在小屏幕上可横向滚动的语义化数据表格。

在已知范围内表示测量值的计量条。

组合搜索、筛选、排序、行选择及分页。

提供结果消息和撤销操作的通知。

响应式图表面板、提示框和精确数据表。

将图片和说明组合在一个凸起表面上的内容卡片。

支持暂停与 reduced-motion 的循环信息条。