UI 组件类型 · 复合组件 / Navigation
Navigation
提供层级化页面路径和当前区域反馈。
关键字段
Identity · 身份
- 子类型
- 复合组件
- 父级类目
- 导航与路径
What · 是什么
- 组成与状态
- Nav Item、Active Indicator、Group Label、Mobile Scroll Rail。
Why · 为什么
- 作用
- 提供层级化页面路径和当前区域反馈。
Where · 在哪里
- 适用场景
- Web 界面设计
Lifecycle · 生命周期
- 状态
- 启用
所属组件分类、组件部件与横向适用关系
关系来自本地关系表，并包含反向关联。
- Breadcrumb TrailBreadcrumb Trail反向 · 应用于
显示当前页面在信息架构中的位置，并提供返回上级的路径。
- Global NavigationGlobal Navigation反向 · 应用于
跨页面提供品牌、一级目的地、账户和全局操作的稳定入口。
- Page Header / IntroPage Header / Intro反向 · 应用于
在页面上下文中说明当前位置、标题、摘要和主要动作。
- Save / ExportSave / Export反向 · 应用于
让用户保存、下载、复制、导出或分享当前结果与内容。
- Search Suggestions / CommandSearch Suggestions / Command反向 · 应用于
在用户输入过程中提供建议、命令、历史和可直接执行的结果。
- Social ShareSocial Share反向 · 应用于
让用户把当前页面或内容分享到社交平台、复制链接或发送给他人。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 导航与路径Navigation & Wayfinding属于
帮助用户移动、定位、切换上下文和理解信息层级的组件。
- Breadcrumb ItemBreadcrumb Item反向 · 属于
路径导航中的单级位置
- Collapse TriggerCollapse Trigger反向 · 属于
展开或收起导航分支的控制
- DividerDivider反向 · 属于
分隔不同导航分组的视觉结构
- Nav HeaderNav Header反向 · 属于
承载导航区域标题或品牌入口的头部
- Nav ItemNav Item反向 · 属于
指向页面或执行导航动作的项目
- Section LabelSection Label反向 · 属于
说明导航分组语义的标签
- Tab ListTab List反向 · 属于
承载同层内容切换项的列表
- Tab PanelTab Panel反向 · 属于
承载当前导航项对应内容的面板
- NavigationNavigation反向 · 应用于
提供一组有层级关系的页面或功能入口的组件。