Breadcrumb

面包屑组件。

何时使用 #

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

使用 Breadcrumb.Item 来设置面包屑子节点，如果设置其 link 属性就是 <a /> 节点，否则为 <span /> 节点。

当超过设置的最大个数的时候，显示省略号。

自动显示省略号。

点击省略号展示被隐藏的项。

也可以设置不同的分隔符。

可以自定义面包屑的节点，比如 react 路由。

参数	说明	类型	默认值	版本支持
children	面包屑子节点，需传入 Breadcrumb.Item	custom	-
maxNode	面包屑最多显示个数，超出部分会被隐藏, 设置为 auto 会自动根据父元素的宽度适配。	Number/Enum	100
showHiddenItems	当超过的项被隐藏时，是否可通过点击省略号展示菜单（包含被隐藏的项）	Boolean	false	1.23
popupContainer	弹层挂载的容器节点（在showHiddenItems为true时才有意义）	any	-	1.23
followTrigger	是否跟随trigger滚动（在showHiddenItems为true时才有意义）	Boolean	-	1.23
popupProps	添加到弹层上的属性（在showHiddenItems为true时才有意义）	Object	-	1.23
separator	分隔符，可以是文本或 Icon	ReactNode/String	-
component	设置标签类型	String/Function	'nav'

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

按键	说明
Tab	切换到下一项