Button Dropdown
Display related but alternate actions for a button.
Basic
Disabled
Disable all buttons.
Loading
Show friendly load indicator.
Types
Multiple Type
Specify the status of a button individually.
Custom Right Icon
The color and size of the right icon will be set automatically.
APIs
ButtonDropdown.Props
| Attribute | Description | Type | Accepted values | Default |
|---|---|---|---|---|
| type | button type | ButtonDropdownTypes | ButtonDropdownTypes | default |
| loading | display loading indicator | boolean | - | false |
| auto | autoscale width | boolean | - | false |
| disabled | disable button | boolean | - | false |
| icon | custom right icon | ReactNode | - | ButtonDropdownIcon |
| ... | native props | HTMLAttributes | 'autoFocus', 'name', 'className', ... | - |
ButtonDropdown.Item.Props
| Attribute | Description | Type | Accepted values | Default |
|---|---|---|---|---|
| type | button type | ButtonDropdownTypes | ButtonDropdownTypes | default |
| main | the main action | boolean | - | false |
| onClick | event handler | MouseEventHandler | - | - |
| ... | native props | ButtonHTMLAttributes | 'id', 'name', 'className', ... | - |
ButtonDropdownTypes
type ButtonDropdownTypes = 'default' | 'secondary' | 'success' | 'warning' | 'error'
Contributors