Navigation & Wayfinding

Anchor 如何在界面中被理解、操作或组合？

返回上一级或父级页面的导航链接。

Menu Item 如何在界面中被理解、操作或组合？

Nav Link 如何在界面中被理解、操作或组合？

将长列表分成多个可导航页面并显示当前位置的组件。

Pagination Item 如何在界面中被理解、操作或组合？

跳过重复导航、直接进入主内容的辅助导航链接。

Stepper Item 如何在界面中被理解、操作或组合？

Tab 如何在界面中被理解、操作或组合？

Tree Item 如何在界面中被理解、操作或组合？

通过展开和收起控制一组附加内容可见性的组件。

结合品牌、导航、页面标题和全局操作的应用顶部栏。

在移动或窄屏界面中提供固定的一级目的地切换。

显示当前页面在站点层级中位置的路径组件。

通过键盘或搜索快速执行命令的菜单

在同一区域内切换不同内容视图或数据维度

在对象或区域上下文中提供操作集合的菜单

控制一段补充内容展开与收起的交互结构

选择一个选项并显示可操作菜单的组合控件

承载辅助导航、法律信息和次要操作的页面底部结构

提供产品身份、主导航和全局动作入口。

承载一组可执行命令或导航项的菜单

提供桌面应用式的顶层菜单组和键盘导航。

提供层级化页面路径和当前区域反馈。

组织站点、产品或应用的主导航及其子级入口。

组合分页信息、页码、前后翻页和页面大小控制

在政府、机构或大型服务站点中保持全局服务入口的导航。

在侧栏中组织分层页面导航的结构

展示多步骤流程进度并支持步骤切换的结构

在多个同层内容面板之间切换的导航结构

在同一上下文中切换互斥内容面板的组件。