跳到主要内容

Dropdown 下拉菜单

向下弹出的列表。


何时使用

当页面上的操作命令过多时,用此组件可以收纳操作元素。点击或移入触点,会出现一个下拉菜单。可在列表中进行选择,并执行相应的命令。

  1. 用于收罗一组命令操作。
  2. Select 用于选择,而 Dropdown 是命令集合。

带下拉框的按钮

左边是按钮,右边是额外的相关功能菜单。可设置「图标」属性来修改右边的图标。

文字下拉框

最简单的下拉菜单,当下拉框中有不可用选项用分割线隔开。

当传入的菜单里有多个层级。

当下拉菜单中的选项超过「10条」时出现滚动条。当下拉菜单中的选项超过「20条」时,建议支持搜索功能,快速找到指定的相关内容。

图标下拉

当列表中操作数量超过「2条」时出现省略,鼠标悬浮于图标进行展开。