Skip to content

下拉菜单子菜单

@astryxdesign/core v0.7.1 · DropdownMenuSubMenu

属性类型默认值说明
labelstring | number—这一行的文字,也是下一级返回按钮里提到的父级名字。
descriptionstring | number—标签下方的次要说明。
iconstring | Component—标签前的图标。
isDisabledbooleanfalse禁用后这一行不能打开下一级。
hasSpinnerbooleanfalse用转圈代替行尾箭头,表示下一级还在加载。转圈是装饰,不阻止打开。
menuWidthnumber | string—飞出面板的宽度。数字按像素处理,作为最小宽度并限制在视口内。固有尺寸关键字则作为首选宽度。钻入时不使用。
presentation'flyout' | 'drill-in' | 'adaptive''adaptive'下一级怎么出现。旁边飞出、在原菜单里替换当前行,或在菜单打开时按是否为紧凑触控界面决定。

事件 ​

名称载荷说明
openChangeboolean飞出面板或钻入的视图打开、关闭时触发。

插槽 ​

  • default:下一级的行,可以放动作行、勾选行、单选组,以及更深一层的子菜单。
  • icon:任意前置内容,替代 icon 属性。
  • label:替代 label 属性的富文本。
  • description:替代 description 属性的富文本。

行的元素 ​

这一行就是带 role="menuitem" 和 aria-haspopup="menu" 的那个元素。它自己不会跳转:子菜单行永远是打开下一级,所以地址要写在下级那些行上。