UI 组件状态与变体 / Compact
Compact
减少间距以适配高密度工作台的变体。
关键字段
Identity · 身份
- 子类型
- 状态或变体
- 父级类目
- Data Table、Toolbar、Button、Input、Select
What · 是什么
- 定义
- 减少间距以适配高密度工作台的变体。
- 实现表现
- 压缩垂直节奏并保持层级。
Why · 为什么
- 实现目标
- 不能牺牲键盘焦点、可读性和错误提示空间。
How · 怎么做
- 实现说明
- 默认值明确;状态转换可预测;键盘和触摸路径完整;读屏可感知;高对比和 reduced motion 下仍可用。
Evidence · 证据
- 局限与边界
- 使用语义状态、可见焦点、文本等价和适当的 ARIA 属性表达;不只依赖颜色、动画或声音。
Lifecycle · 生命周期
- 状态
- 启用
适用组件类型与部件
关系来自本地关系表,并包含反向关联。