该组件允许用户从上下文列表中选择一个参数或操作。通过点击一个带有三个点的按钮可以访问下拉列表。图标是可定制的，可以被替换。用户可以使用键盘控件在列表项之间导航。

§结构

➊ 上下文菜单图标

➋ 列表项

➌ 分隔符

➍ 子菜单箭头

§状态

§内容 类型

§尺寸

图标

上下文菜单图标默认有四种内置尺寸。

尺寸 S：24x24 px，M：28x28 px，L：36x36 px，XL：44x44 px。

组件宽度

当菜单项比触发它的对象长时，菜单将扩展以匹配列表中最长项的宽度。组件最大宽度为 280 px。当菜单项的文本超过其最大宽度时，它将被截断并显示省略号。

§范围

可配置的调用图标

上下文菜单图标可以调整大小或替换为其他图标。该组件默认使用一个 16px 的三点按钮。

可选的菜单项图标

您可以在上下文菜单项旁边添加图标，以帮助用户理解其功能。上下文菜单中图标的默认尺寸为 16x16px。

嵌套的下拉子菜单

上下文菜单的元素可以相互嵌套。默认的嵌套深度设置为支持最多三个级别。

定位

默认情况下，下拉菜单会出现在调用它的元素下方，菜单图标位于右侧。如果界面不支持在开关图标下方显示下拉列表，则列表会展开到图标上方。

关闭上下文菜单

您可以通过点击菜单外部区域或按 ESC 键来关闭上下文菜单。默认情况下，菜单在页面滚动时会折叠，但此行为可以禁用。

§建议

当有至少两个选项可供选择时，可以使用下拉菜单。最佳选项数量在 5 到 10 个之间。

在排列菜单元素时，请确保逻辑顺序，将最常用和最受欢迎的选项放在顶部。尝试不同的菜单项并根据需要进行优化。