UI 组件类型 · 单一组件 / Focus Ring
Focus Ring
统一表达键盘焦点和当前交互目标的视觉轮廓。
关键字段
Identity · 身份
- 子类型
- 单一组件
- 父级类目
- 基础视觉与设计要素
What · 是什么
- 定义
- 统一表达键盘焦点和当前交互目标的视觉轮廓。
- 组成与状态
- 语义元素 + 值/标签 + 交互状态 + 可访问名称 + 错误/帮助信息(按需)
Why · 为什么
- 作用
- 保持单一职责、明确语义和稳定的输入输出边界。
Where · 在哪里
- 适用场景
- 可访问性与性能、Default、Hover、Focused、Disabled
How · 怎么做
- 检查清单
- 是否有明确语义、键盘路径、焦点反馈、错误处理和窄屏行为;是否能被复合组件组合。
Lifecycle · 生命周期
- 状态
- 启用
Relation · 关联
- 相关内容
- 可访问性与性能
所属组件分类、组件部件与横向适用关系
关系来自本地关系表,并包含反向关联。