参考
菜单栏 Menubar
Menubar:桌面风格菜单栏。一排低调 ghost 触发器各自打开与 menu 家族相同的浮层。触发器是我们自己的按钮,通过 `asChild` 挂到菜单状态机的触发器上;状态机保留触发器元素的行为(定位、焦点恢复、`data-state`),元素则带有 menubar 作用域。弹层保持 menu 部件不变,由 menu 样式表负责外观。键盘行为:触发器之间用 Tab 切换,不用方向键;跨菜单的方向键遍历不在本版本范围内。菜单打开后,方向键和 Escape 由状态机处理。
Item · Root · Trigger
#Menubar
Menubar:桌面风格菜单栏。一排低调 ghost 触发器各自打开与 menu 家族相同的浮层。触发器是我们自己的按钮,通过 asChild 挂到菜单状态机的触发器上;状态机保留触发器元素的行为(定位、焦点恢复、data-state),元素则带有 menubar 作用域。弹层保持 menu 部件不变,由 menu 样式表负责外观。键盘行为:触发器之间用 Tab 切换,不用方向键;跨菜单的方向键遍历不在本版本范围内。菜单打开后,方向键和 Escape 由状态机处理。
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
items | Array as PropType<MenubarGroup[]> | () => [] | — |
onSelect | Function as PropType<(value: string) => void> | undefined | — |