下拉菜单

Dropdown Menu

UI 组件也叫：Dropdown、更多菜单、操作菜单、弹出菜单

一句话：点击或悬停某个按钮后弹出的一列选项，用来收纳一组相关的操作或跳转链接，选完即收起。

详细解释

下拉菜单平时只露出一个触发按钮，例如「更多」「⋯」或用户头像，点击后在按钮下方弹出一列菜单项，选择其中一项就执行对应操作并自动收起。它适合收纳次要操作，比如表格行里的「编辑、复制、删除」，或头像下的「个人设置、退出登录」。

它常被和下拉选择混淆：下拉选择是表单控件，选中的值会显示在框里并随表单提交；下拉菜单点完就执行动作，不保留选中状态。它也不同于顶部导航栏，导航栏是常驻在页面上的主入口，下拉菜单只是临时弹出的一组选项。

菜单项较多时用分割线分组，删除这类危险操作放在最后，并用醒目的颜色区分。

灰度线框示意，只表达结构，不代表具体视觉风格。

可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。

表格每行最右侧放一个「⋯」图标按钮，点击后在按钮下方弹出下拉菜单，包含「编辑」「复制」「导出」，分割线下面是红色的「删除」。菜单宽 160px、白底带阴影，悬停项背景变浅灰。点击菜单外部或按 Esc 键收起，支持用方向键上下切换选项。

由触发元素（按钮、图标或文字链接）和弹出的菜单浮层组成，浮层内是菜单项，可带图标、分割线、分组标题和二级子菜单。

插件本地识别时匹配的 CSS 选择器（标签、ARIA role、常见组件库 class）。