Breadcrumb 面包屑

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

基本用法

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

Loading demo...

APIs

参数说明类型默认值
children面包屑子节点,需传入 Breadcrumb.Itemcustom-
maxNode面包屑最多显示个数,超出部分会被隐藏, 设置为 auto 会自动根据父元素的宽度适配。Number/Enum100
separator分隔符,可以是文本或 IconReactNode/String-
component设置标签类型String/Function'nav'
参数说明类型默认值
link面包屑节点链接,如果设置这个属性,则该节点为<a /> ,否则是<span />String-

Demo

设置显示项数

Loading demo...

可以设置不同的分隔符

Loading demo...