组件 / 组件
组件
把语义 Token 落到实际可复用的界面组件。
目录
组件页面
定义按钮的结构、状态、Token 和使用边界。
操作图标按钮定义图标按钮的结构、状态、Token 和使用边界。
操作链接定义链接的结构、状态、Token 和使用边界。
操作切换按钮定义切换按钮的结构、状态、Token 和使用边界。
输入文本输入定义文本输入的结构、状态、Token 和使用边界。
输入多行输入定义多行输入的结构、状态、Token 和使用边界。
输入搜索输入定义搜索输入的结构、状态、Token 和使用边界。
输入选择器定义选择器的结构、状态、Token 和使用边界。
输入组合输入定义组合输入的结构、状态、Token 和使用边界。
输入复选框定义复选框的结构、状态、Token 和使用边界。
输入单选组定义单选组的结构、状态、Token 和使用边界。
输入开关定义开关的结构、状态、Token 和使用边界。
输入滑块定义滑块的结构、状态、Token 和使用边界。
输入分段控制使用中性选中状态在同级视图之间切换。
导航标签页定义标签页的结构、状态、Token 和使用边界。
导航面包屑定义面包屑的结构、状态、Token 和使用边界。
导航分页定义分页的结构、状态、Token 和使用边界。
导航侧边导航定义侧边导航的结构、状态、Token 和使用边界。
内容标签定义标签的结构、状态、Token 和使用边界。
内容头像定义头像的结构、状态、Token 和使用边界。
内容卡片定义卡片的结构、状态、Token 和使用边界。
内容列表定义列表的结构、状态、Token 和使用边界。
内容表格定义表格的结构、状态、Token 和使用边界。
内容折叠面板定义折叠面板的结构、状态、Token 和使用边界。
反馈提示定义提示的结构、状态、Token 和使用边界。
反馈进度与加载定义进度与加载的结构、状态、Token 和使用边界。
反馈轻提示定义轻提示的结构、状态、Token 和使用边界。
反馈空状态定义空状态的结构、状态、Token 和使用边界。
浮层菜单定义菜单的结构、状态、Token 和使用边界。
浮层浮层定义浮层的结构、状态、Token 和使用边界。
浮层工具提示定义工具提示的结构、状态、Token 和使用边界。
浮层对话框定义对话框的结构、状态、Token 和使用边界。
浮层侧边面板定义侧边面板的结构、状态、Token 和使用边界。
AI 模式提示输入输入、提交、停止和隐私说明。
AI 模式生成状态排队、生成、完成、取消和错误状态。
AI 模式结果审阅接受、编辑、重试和撤销生成结果。
AI 模式AI 标识与来源标识 AI 内容、来源和不可用回退。
规则
关系与边界
只保存原始值,不描述具体组件。
只引用全局层,并表达使用目的。
只引用语义层,并描述组件状态。
Global → Semantic → Component