下拉菜单子菜单
@astryxdesign/core v0.7.1 · DropdownMenuSubMenu
DropdownMenuSubMenu 属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
label | string | number | — | 这一行的文字,也是下一级返回按钮里提到的父级名字。 |
description | string | number | — | 标签下方的次要说明。 |
icon | string | Component | — | 标签前的图标。 |
isDisabled | boolean | false | 禁用后这一行不能打开下一级。 |
hasSpinner | boolean | false | 用转圈代替行尾箭头,表示下一级还在加载。转圈是装饰,不阻止打开。 |
menuWidth | number | string | — | 飞出面板的宽度。数字按像素处理,作为最小宽度并限制在视口内。固有尺寸关键字则作为首选宽度。钻入时不使用。 |
presentation | 'flyout' | 'drill-in' | 'adaptive' | 'adaptive' | 下一级怎么出现。旁边飞出、在原菜单里替换当前行,或在菜单打开时按是否为紧凑触控界面决定。 |
事件
| 名称 | 载荷 | 说明 |
|---|---|---|
openChange | boolean | 飞出面板或钻入的视图打开、关闭时触发。 |
插槽
default:下一级的行,可以放动作行、勾选行、单选组,以及更深一层的子菜单。icon:任意前置内容,替代icon属性。label:替代label属性的富文本。description:替代description属性的富文本。
行的元素
这一行就是带 role="menuitem" 和 aria-haspopup="menu" 的那个元素。它自己不会跳转:子菜单行永远是打开下一级,所以地址要写在下级那些行上。