ui component page pattern type　/　Property Panel

Property Panel

展示并编辑当前对象属性、状态和上下文操作

Key fields

Identity

Subtype: 模式
Parent Taxonomy: Patterns & Page Templates

What

Definition: 展示并编辑当前对象属性、状态和上下文操作
Core Question: 如何让用户在Property Panel中理解当前上下文、完成任务并获得明确反馈？
Composition: 触发或标题、主体内容、辅助信息、主要操作、状态反馈、关闭或返回入口（按场景取舍）

Why

Behavior Mechanism: 通过语义结构、可预测交互、状态转换、键盘操作和响应式布局降低任务成本。
Use Case: 展示并编辑当前对象属性、状态和上下文操作

Where

Applicable Context: Web Interface Design

How

Checklist: 定义用途；明确结构与状态；覆盖键盘/触摸/读屏；处理加载、错误和空状态；验证响应式与焦点顺序。

Evidence

Common Mistakes: 内容层级不清、默认状态缺失、操作优先级混乱、键盘和移动端行为未定义。

Lifecycle

Status: 启用