UI 组件类型 · 复合组件 / Page Header
Page Header
组织页面标题、上下文、主要操作和辅助信息的页头
关键字段
Identity · 身份
- 子类型
- 复合组件
- 父级类目
- 布局与表面
What · 是什么
- 定义
- 组织页面标题、上下文、主要操作和辅助信息的页头
- 组成与状态
- 触发或标题、主体内容、辅助信息、主要操作、状态反馈、关闭或返回入口(按场景取舍)
Why · 为什么
- 作用
- 组织页面标题、上下文、主要操作和辅助信息的页头
Where · 在哪里
- 适用场景
- Web 界面设计
How · 怎么做
- 检查清单
- 定义用途;明确结构与状态;覆盖键盘/触摸/读屏;处理加载、错误和空状态;验证响应式与焦点顺序。
Lifecycle · 生命周期
- 状态
- 启用
所属组件分类、组件部件与横向适用关系
关系来自本地关系表,并包含反向关联。
- Global NavigationGlobal Navigation反向 · 应用于
跨页面提供品牌、一级目的地、账户和全局操作的稳定入口。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 布局与表面Layout & Surfaces属于
用于组织空间、容器、层级、页面骨架和视觉表面的组件。
- BreadcrumbsBreadcrumbs反向 · 属于
说明当前页面在信息架构中的位置
- Page TitlePage Title反向 · 属于
表达当前页面主题的标题
- Primary ActionsPrimary Actions反向 · 属于
承载页面主要任务操作的区域
- Secondary ActionsSecondary Actions反向 · 属于
承载更多或次要页面操作的区域
- Supporting TextSupporting Text反向 · 属于
解释页面目标或上下文的辅助说明