Button Dropdown / 下拉按钮
显示相关的操作。
基础的
禁用
禁用所有的按钮。
加载中
显示一个友好的加载指示器。
类型
多类型
为每个按钮设定不同的类型。
自定义右侧图标
右侧图标的色彩和大小将会被自动设置。
APIs / 接口文档
ButtonDropdown.Props
属性 | 描述 | 类型 | 推荐值 | 默认 |
---|---|---|---|---|
type | 按钮类型 | ButtonDropdownTypes | ButtonDropdownTypes | default |
loading | 显示加载中的指示器 | boolean | - | false |
auto | 自动缩放宽度 | boolean | - | false |
disabled | 禁用所有按钮 | boolean | - | false |
icon | 右侧图标 | ReactNode | - | ButtonDropdownIcon |
... | 原生属性 | HTMLAttributes | 'autoFocus', 'name', ... | - |
ButtonDropdown.Item.Props
属性 | 描述 | 类型 | 推荐值 | 默认 |
---|---|---|---|---|
type | 当前单个按钮类型 | ButtonDropdownTypes | ButtonDropdownTypes | default |
main | 是否为主要按钮 | boolean | - | false |
onClick | 按钮的点击事件 | MouseEventHandler | - | - |
... | 原生属性 | ButtonHTMLAttributes | 'id', 'name', ... | - |
ButtonDropdownTypes
type ButtonDropdownTypes = 'default' | 'secondary' | 'success' | 'warning' | 'error'
文档贡献者