Button Dropdown / 下拉按钮

显示相关的操作。

基础的

禁用

禁用所有的按钮。

加载中

显示一个友好的加载指示器。

类型

多类型

为每个按钮设定不同的类型。

自定义右侧图标

右侧图标的色彩和大小将会被自动设置。

APIs / 接口文档

ButtonDropdown.Props

属性描述类型推荐值默认
type按钮类型ButtonDropdownTypesButtonDropdownTypesdefault
loading显示加载中的指示器boolean-false
auto自动缩放宽度boolean-false
disabled禁用所有按钮boolean-false
icon右侧图标ReactNode-ButtonDropdownIcon
...原生属性HTMLAttributes'autoFocus', 'name', ...-

ButtonDropdown.Item.Props

属性描述类型推荐值默认
type当前单个按钮类型ButtonDropdownTypesButtonDropdownTypesdefault
main是否为主要按钮boolean-false
onClick按钮的点击事件MouseEventHandler--
...原生属性ButtonHTMLAttributes'id', 'name', ...-

ButtonDropdownTypes

type ButtonDropdownTypes = 'default' | 'secondary' | 'success' | 'warning' | 'error'