Skip to content

导航菜单

@astryxdesign/core v0.7.1 · NavMenu

名称类型默认值说明
labelstring-菜单的无障碍名称。
size'sm' | 'md' | 'lg''md'菜单宽度档。
focusRequest'first' | 'last' | nullnull打开后把焦点放到第一项或最后一项。
名称说明
close按下 Escape 时触发。由 NavDisclosure 接住并关闭面板。
名称类型默认值说明
labelstring-菜单项文字。
descriptionstring-显示在文字下面的辅助说明。
hrefstring-有地址时渲染成链接。
asNavLinkComponent'a'链接根组件。
iconClassstring-图标 CSS class。
isDisabledbooleanfalse禁用。键盘导航会跳过。
keepOpenbooleanfalse选中后不关闭菜单。
isMenuItembooleantrue在菜单里是 menuitem。抽屉里设为 false。
名称类型默认值说明
labelstring-弹出层的无障碍名称。
placement'above' | 'below' | 'start' | 'end''below'相对触发器的位置。
alignment'start' | 'center' | 'end''start'沿交叉轴的对齐。
hoverbooleanfalse悬停一段时间后打开,离开后关闭。
showDelaynumber150悬停打开前的等待,毫秒。
hideDelaynumber200指针离开后的关闭等待,毫秒。
名称类型默认值说明
labelstring-菜单的无障碍名称。
size'sm' | 'md' | 'lg''md'菜单宽度档,也会传给每一项的内边距。
minWidthnumber | string-覆盖按档位算出的最小宽度。数字按像素。
focusRequest'first' | 'last' | null-打开后聚焦第一项或最后一项。放在标题菜单插槽里时,标题会传入这个值。
名称说明
close按下 Escape 时触发。
名称类型默认值说明
labelstring-主文字。默认插槽优先。
descriptionstring-主文字下面的辅助说明。
hrefstring-有地址时渲染成链接。
asNavLinkComponent'a'链接根组件。
iconClassstring-图标 CSS class。
isDisabledbooleanfalse禁用。方向键和首字母查找会跳过。