适用于广泛的基础用法,系统拥有超过两级以上的层级结构,用于切换向上任意层级的内容。
可自定义每项内容,统一图标加文字,图标放在文字前面。
通过 separator 属性自定义分隔符,建议用图标而非文本符号。
separator
使用 options 属性配置面包屑内容。
options
使用 maxItems、itemsAfterCollapse、itemsBeforeCollapse,配置省略。
maxItems
itemsAfterCollapse
itemsBeforeCollapse
自定义响应点击事件。
Array<TdBreadcrumbItemProps>
string | TNode
TNode
any
Route
interface Route { path?: string; name?: string; hash?: string; query?: RouteData; params?: RouteData }
type RouteData = { [key: string]: string | string[] }
当系统超过两级以上层级结构;
当系统需要让用户了解自己所处位置时;
当需要有返回上一层级导航功能时。
Web 桌面端
Mobile 移动端