You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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
Describe the bug
ActionMenu.Buttonaccepts aleadingVisualprop, but it is only rendered when the parentActionMenuis inmode="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: theActionMenuButtoncomponent destructuresleadingVisualand forwards it to the innerButtonin the split-button branch, but the default-modereturnrenders<Button>without passingleadingVisualthrough.Reproduction steps
Expected behavior
Demo
CleanShot.2026-06-05.at.13.43.39.mp4
Browsers
(select as applicable)
OS
Mac