ui component primitive type / Focus Ring
Focus Ring
统一表达键盘焦点和当前交互目标的视觉轮廓。
Key fields
Identity
- Subtype
- 单一组件
- Parent Taxonomy
- Foundations & Visual Primitives
What
- Definition
- 统一表达键盘焦点和当前交互目标的视觉轮廓。
- Composition & States
- 语义元素 + 值/标签 + 交互状态 + 可访问名称 + 错误/帮助信息（按需）
Why
- Role
- 保持单一职责、明确语义和稳定的输入输出边界。
Where
- Applicable Context
- Accessibility & Performance, Default, Hover, Focused, Disabled
How
- Checklist
- 是否有明确语义、键盘路径、焦点反馈、错误处理和窄屏行为；是否能被复合组件组合。
Lifecycle
- Status
- 启用
Relations
- Related Content
- Accessibility & Performance
Related content
Relationships come from the local knowledge graph and include reverse links.
- Accessibility & Performance可访问性与性能Related
将语义、键盘、对比度、响应速度和稳定性纳入 Web UI 基础。
- Foundations & Visual Primitives基础视觉与设计要素Related
颜色、排版、间距、图标、网格、分隔线和层级等构成界面的基础视觉与结构语言。
- DefaultDefaultRelated
默认状态，组件可被使用但没有额外交互反馈。
- DisabledDisabledRelated
组件暂时不可操作的状态。
- FocusedFocusedRelated
键盘或其他输入方式当前定位到组件的状态。
- HoverHoverRelated
指针悬停在可交互目标上的状态。