Menu button

A button with more than one action.

Props

text
string
The button label text. When provided, displays as a text button with a dropdown icon.
type
primary | secondary | tertiary
The button style variant.
Defaults to primary.
testId
string
Sets a data-testid attribute for automated testing.
leadingIcon
GoAIconType
Icon displayed before the button text. When no text is provided, displays as an icon button.
maxWidth
string
Maximum width of the dropdown menu.
size
normal | compact
Sets the size of the button.
Defaults to normal.
variant
normal | destructive
Sets the color variant for semantic meaning.
Defaults to normal.
ariaLabel
string
Sets the aria-label for the icon button in icon-only mode.
Defaults to Open menu.

Events

onAction
(event: Event) => void
_action
CustomEvent
text
string
Display text for the menu action.
action
string
Action identifier included in the click event.
Defaults to default.
testId
string
Sets a data-testid attribute for automated testing.
icon
GoAIconType
Icon displayed before the text.
 Examples
Examples show common usage patterns and implementation guidance.

No usage guidelines have been documented for this component yet.
All GoA Design System components are built to meet WCAG 2.2 AA standards. The following guidelines provide additional context for accessible implementation.

No accessibility-specific guidelines have been documented for this component yet.
View old component docs