Button Dropdown

Display related but alternate actions for a button.

The basic ButtonDropdown usage.

Show friendly load indicator.

Disable all buttons.

You can change the color of the ButtonDropdown with the property type.

Specify the status of a button individually.

The color and size of the right icon will be set automatically.

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', ...`	-

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', ...`	-

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