Breadcrumb 面包屑

告诉用户当前所在位置及页面层级关系,快速去往其他层级。

Breadcrumb 面包屑

开发指南

何时使用

用来告知用户当前的位置,以及当前页面在整个网站中的位置,属于一种辅助的导航方式,适用于清晰且具多层次结构的网站,每一层内容为层级归属关系,方便用户返回上一级或各个层级的页面。

API

Breadcrumb

参数说明类型默认值
children面包屑子节点,需传入 Breadcrumb.Itemcustom-
maxNode面包屑最多显示个数,超出部分会被隐藏Number4
separator分隔符,可以是文本或 IconReactNode<Icon type="chevron-right-s" />
component设置标签类型String/Function'nav'

Breadcrumb.Item

参数说明类型默认值
link面包屑节点链接,如果设置这个属性,则该节点为<a /> ,否则是<span />String-

ARIA and KeyBoard

按键说明
Tab切换到下一项