UI 组件状态与变体 / Ghost
Ghost
无持续边框或填充、依靠交互反馈表达的变体。
关键字段
Identity · 身份
- 子类型
- 状态或变体
- 父级类目
- Button、Icon Button、Link
What · 是什么
- 定义
- 无持续边框或填充、依靠交互反馈表达的变体。
- 实现表现
- 默认状态轻量,交互时出现背景或下划线。
Why · 为什么
- 实现目标
- 必须保留清晰 hover、focus 和触摸反馈。
How · 怎么做
- 实现说明
- 默认值明确;状态转换可预测;键盘和触摸路径完整;读屏可感知;高对比和 reduced motion 下仍可用。
Evidence · 证据
- 局限与边界
- 使用语义状态、可见焦点、文本等价和适当的 ARIA 属性表达;不只依赖颜色、动画或声音。
Lifecycle · 生命周期
- 状态
- 启用
适用组件类型与部件
关系来自本地关系表,并包含反向关联。