UI 组件 L1 · 组件分类 / Navigation & Wayfinding
导航与路径
帮助用户移动、定位、切换上下文和理解信息层级的组件。
关键字段
Identity · 身份
- 子类型
- UI 组件分类
- 层级
- L1 · UI 组件分类
What · 是什么
- 定义
- 帮助用户移动、定位、切换上下文和理解信息层级的组件。
- 分类
- 已验证
Why · 为什么
- 核心问题
- 用户现在在哪里，下一步可以去哪里？
Lifecycle · 生命周期
- 状态
- 已验证
包含 UI 组件类型（L2）
关系来自本地关系表，并包含反向关联。
- AnchorAnchor反向 · 属于
Anchor 如何在界面中被理解、操作或组合？
- Back LinkBack Link反向 · 属于
返回上一级或父级页面的导航链接。
- Menu ItemMenu Item反向 · 属于
Menu Item 如何在界面中被理解、操作或组合？
- Nav LinkNavigation Link反向 · 属于
Nav Link 如何在界面中被理解、操作或组合？
- PaginationPagination反向 · 属于
将长列表分成多个可导航页面并显示当前位置的组件。
- Pagination ItemPagination Item反向 · 属于
Pagination Item 如何在界面中被理解、操作或组合？
- Skip LinkSkip Link反向 · 属于
跳过重复导航、直接进入主内容的辅助导航链接。
- Stepper ItemStepper Item反向 · 属于
Stepper Item 如何在界面中被理解、操作或组合？
- TabTab反向 · 属于
Tab 如何在界面中被理解、操作或组合？
- Tree ItemTree Item反向 · 属于
Tree Item 如何在界面中被理解、操作或组合？
- AccordionAccordion反向 · 属于
通过展开和收起控制一组附加内容可见性的组件。
- App BarApp Bar反向 · 属于
结合品牌、导航、页面标题和全局操作的应用顶部栏。
- Bottom NavigationBottom Navigation反向 · 属于
在移动或窄屏界面中提供固定的一级目的地切换。
- BreadcrumbBreadcrumb反向 · 属于
显示当前页面在站点层级中位置的路径组件。
- Command MenuCommand Menu反向 · 属于
通过键盘或搜索快速执行命令的菜单
- Content SwitcherContent Switcher反向 · 属于
在同一区域内切换不同内容视图或数据维度
- Context MenuContext Menu反向 · 属于
在对象或区域上下文中提供操作集合的菜单
- DisclosureDisclosure反向 · 属于
控制一段补充内容展开与收起的交互结构
- DropdownDropdown反向 · 属于
选择一个选项并显示可操作菜单的组合控件
- FooterFooter反向 · 属于
承载辅助导航、法律信息和次要操作的页面底部结构
- HeaderHeader反向 · 属于
提供产品身份、主导航和全局动作入口。
- MenuMenu反向 · 属于
承载一组可执行命令或导航项的菜单
- MenubarMenubar反向 · 属于
提供桌面应用式的顶层菜单组和键盘导航。
- NavigationNavigation反向 · 属于
提供层级化页面路径和当前区域反馈。
- Navigation MenuNavigation Menu反向 · 属于
组织站点、产品或应用的主导航及其子级入口。
- Pagination BarPagination Bar反向 · 属于
组合分页信息、页码、前后翻页和页面大小控制
- Service NavigationService Navigation反向 · 属于
在政府、机构或大型服务站点中保持全局服务入口的导航。
- Side NavigationSide Navigation反向 · 属于
在侧栏中组织分层页面导航的结构
- StepperStepper反向 · 属于
展示多步骤流程进度并支持步骤切换的结构
- TablistTablist反向 · 属于
在多个同层内容面板之间切换的导航结构
- TabsTabs反向 · 属于
在同一上下文中切换互斥内容面板的组件。