COMPONENTS
从基础操作到复杂浮层,按任务选择组件。每个组件都有真实 API、同源示例与设计约束。
统一主题、密度、材质和动效偏好的入口。
用实色、磨砂和玻璃表达清晰的界面层次。
保留原生语义,清晰表达一个动作。
紧凑的单一操作,始终提供可访问名称。
用一致的间距组织横向与纵向内容。
正文、说明和辅助信息共享语义层次。
分别控制文档层级与视觉大小。
为相关信息建立克制的分组边界。
关联标签、说明、必填状态与错误信息。
单行输入的原生行为与清晰状态。
为较长内容提供稳定的编辑空间。
表达可组合的选择与确认。
让一组互斥选项保持清楚的键盘语义。
即时表达一个独立设置的开与关。
用组合式 API 构建单选列表。
连续调整单值,拖动与键盘都可操作。
以 radio 语义呈现少量互斥设置。
显示简短状态、标签与数量。
为人物或组织提供可辨认的视觉标识。
将标题、内容和操作组织为一个单元。
保留待加载内容的空间与结构。
在同一上下文切换关联内容面板。
说明一个动作正在处理。
为已可理解的控件补充短说明。
在触发位置附近呈现相关内容。
为一组相关操作提供菜单语义。
让一个需要专注的任务成为当前焦点。
沿空间方向展开的任务面板。
对已完成的动作给出短暂反馈。
以明确语义呈现持续的状态和问题。