UI 组件状态与变体 / Small
Small
适合紧凑空间和高密度任务的小尺寸变体。
关键字段
Identity · 身份
- 子类型
- 状态或变体
- 父级类目
- Button、Input、Icon Button
What · 是什么
- 定义
- 适合紧凑空间和高密度任务的小尺寸变体。
- 实现表现
- 缩小内边距和视觉尺度但保留触摸命中区。
Why · 为什么
- 实现目标
- 不要把可点击目标缩到低于平台建议尺寸。
How · 怎么做
- 实现说明
- 默认值明确;状态转换可预测;键盘和触摸路径完整;读屏可感知;高对比和 reduced motion 下仍可用。
Evidence · 证据
- 局限与边界
- 使用语义状态、可见焦点、文本等价和适当的 ARIA 属性表达;不只依赖颜色、动画或声音。
Lifecycle · 生命周期
- 状态
- 启用
适用组件类型与部件
关系来自本地关系表,并包含反向关联。