Skip to main content

Menu

Function Menu 

Source
pub fn Menu(props: MenuProps) -> impl IntoView
Expand description

图标按钮触发的操作菜单。

  • 打开后焦点落在第一个可用项;↑/↓ 在可用项间循环(roving focus),Home/End 跳首尾;
  • Enter/Space 选中并关闭,Esc 关闭,关闭后焦点回到触发按钮;Tab 关闭并自然流转;
  • 点菜单外部关闭;不可用项变淡、写明原因,键盘与点击都跳过。

触发器与菜单项的 id(menu-N-trigger 等)在挂载后由客户端计数分配:全局计数器在服务端是 进程级的,直接写进 SSR HTML 会与水合后的客户端计数不一致。

Props:

  • label:触发按钮的读屏名称与悬浮提示,如「更多操作」
  • icon:触发按钮图标,缺省 Ellipsis
  • items:菜单项(Vec<MenuItem> 或返回它的闭包 / 信号)
  • on_select:选中某项时回传其 id
  • placement:"bottom"(默认)/ "top";align:"end"(默认,右对齐)/ "start"

§Required Props

§Optional Props