UI 组件类型 · 单一组件 / Focus Ring

Focus Ring

统一表达键盘焦点和当前交互目标的视觉轮廓。

关键字段

Identity · 身份

子类型
单一组件
父级类目
基础视觉与设计要素

What · 是什么

定义
统一表达键盘焦点和当前交互目标的视觉轮廓。
组成与状态
语义元素 + 值/标签 + 交互状态 + 可访问名称 + 错误/帮助信息(按需)

Why · 为什么

作用
保持单一职责、明确语义和稳定的输入输出边界。

Where · 在哪里

适用场景
可访问性与性能、Default、Hover、Focused、Disabled

How · 怎么做

检查清单
是否有明确语义、键盘路径、焦点反馈、错误处理和窄屏行为;是否能被复合组件组合。

Lifecycle · 生命周期

状态
启用

Relation · 关联

相关内容
可访问性与性能