Skip to content

面包屑项

@astryxdesign/core v0.7.1 · BreadcrumbItem

属性 ​

属性类型默认值说明
hrefstring—要跳去的地址。不写就渲染成按钮。和 menu 二选一:带菜单的这一格是开关,不是链接。
asNavLinkComponent'a'链接换成别的根组件时用,例如路由链接。写给有 href 又不是当前页的那几格。
isCurrentbooleanfalse标成当前页面。渲染成 <span>,并写上 aria-current="page"。当前这一格也还能挂菜单。
menuBreadcrumbMenuOption[]—把这一格变成同级去处的菜单开关。数组和下拉菜单的数据格式一样,可以有分隔线、勾选项和单选组。用了 menu 插槽时这个属性不起作用。
menuSize'sm' | 'md' | 'lg'supporting 变体下是 sm,其余是 md菜单里每一行的大小。

插槽 ​

  • default:这一格的文字。
  • startIcon:文字前面的图标。
  • menu:手写的菜单内容,可以放勾选项和单选组。用了它就不再看 menu 属性。

事件 ​

  • click(event: MouseEvent):点击这一格时触发。当前页这一格会挡掉默认行为,也不触发事件。