UI 组件状态与变体　/　Outline

Outline

以边框为主要容器或操作提示的变体。

关键字段

Identity · 身份

子类型: 状态或变体
父级类目: Button、Badge

What · 是什么

定义: 以边框为主要容器或操作提示的变体。
实现表现: 边界清晰，内部填充较轻。

Why · 为什么

实现目标: 边框不能是唯一状态表达，并保证高对比。

How · 怎么做

实现说明: 默认值明确；状态转换可预测；键盘和触摸路径完整；读屏可感知；高对比和 reduced motion 下仍可用。

Evidence · 证据

局限与边界: 使用语义状态、可见焦点、文本等价和适当的 ARIA 属性表达；不只依赖颜色、动画或声音。

Lifecycle · 生命周期

状态: 启用