Skip to content

🐛 [BUG] - ActionMenu.Button leadingVisual only renders in split-button mode #1366

@stefankp

Description

@stefankp

Describe the bug

ActionMenu.Button accepts a leadingVisual prop, but it is only rendered when the parent ActionMenu is in mode="split-button". In the default mode, the prop is accepted (and type-checks) but the icon is silently dropped and never displayed.

The cause is in packages/react/src/ActionMenu/ActionMenu.tsx: the ActionMenuButton component destructures leadingVisual and forwards it to the inner Button in the split-button branch, but the default-mode return renders <Button> without passing leadingVisual through.

Reproduction steps

1. Run Storybook locally (npm run start)
2. Go to "Components/ActionMenu""Playground"
3. Ensure the "button leadingVisual" control is enabled (on by default)
4. With the "mode" control set to "default", observe the button has NO leading icon
5. Switch the "mode" control to "split-button"
6. Observe the leading icon (GlobeIcon) now appears

Expected behavior

1. Set ActionMenu mode to "default"
2. Pass a leadingVisual to ActionMenu.Button
3. The leading visual should render before the button label, the same way it does in split-button mode

Demo

CleanShot.2026-06-05.at.13.43.39.mp4

Browsers

(select as applicable)

OS

Mac

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions