buttonText

React.ReactNode

sets the button text value

children

React.ReactNode

adds child components to the ButtonWithMenu component

disabled?

boolean | 'loading'

(Optional) Whether the button is disabled or loading false

• false: the button is enabled - true: the button is disabled - 'loading': the button is disabled, and a loading spinner replaces the menu icon. After loading ceases (and the button transitions to disabled=false), a success checkmark is shown briefly in place of the menu icon

icon?

IconName

(Optional) sets a leading icon supporting the button text

maxMenuHeight?

string

(Optional) (optional) sets the maximum height of the menu setting a max menu height value will make the menu scrollable if the content exceeds the height this is not compatible with nested menus that expand to the left or right of the menu

menuContainerCssClasses?

SerializedStyles

(Optional) sets additional Menu component styles

onButtonClick?

() => void

(Optional) Takes a function for the visible button

placement?

Placement

(Optional) (optional) placement options for the expandable menu

portal?

boolean

(Optional) sets whether to use a React portal rendering or not.

shortcut?

ShortcutReference

(Optional) Sets a shortcut for the button. The shortcut's handler function will be automatically set to the onClick of the button, and a tooltip will be added to the button that shows the keyboard shortcut.

size?

ButtonWithMenuSizeProps

(Optional) sets the button size "md"

tooltip?

React.ReactNode

(Optional) Sets a tooltip on the button when hovered Note that the tooltip will be shown whether disabled or not.