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 / Schnittstellendokumentation

ButtonDropdown.Props

AttributeDescriptionTypeAccepted valuesDefault
typebutton typeButtonDropdownTypesButtonDropdownTypesdefault
loadingdisplay loading indicatorboolean-false
autoautoscale widthboolean-false
disableddisable buttonboolean-false
iconcustom right iconReactNode-ButtonDropdownIcon
...native propsHTMLAttributes'autoFocus', 'name', 'className', ...-

ButtonDropdown.Item.Props

AttributeDescriptionTypeAccepted valuesDefault
typebutton typeButtonDropdownTypesButtonDropdownTypesdefault
mainthe main actionboolean-false
onClickevent handlerMouseEventHandler--
...native propsButtonHTMLAttributes'id', 'name', 'className', ...-

ButtonDropdownTypes

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