feat(menu): allow passing props to menu group child menu (#1454)

sanity-io · Jan 6, 2025 · 3b884e2 · 3b884e2
1 parent f091539
commit 3b884e2
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/core/components/menu/menuGroup.tsx b/src/core/components/menu/menuGroup.tsx
@@ -6,7 +6,7 @@ import {Box, Flex, Popover, PopoverProps, Text} from '../../primitives'
 import {Selectable} from '../../primitives/_selectable'
 import {useRootTheme} from '../../theme'
 import {Radius, SelectableTone} from '../../types'
-import {Menu} from './menu'
+import {Menu, MenuProps} from './menu'
 import {useMenu} from './useMenu'
 
 /**
@@ -16,6 +16,7 @@ export interface MenuGroupProps {
   as?: React.ElementType | keyof React.JSX.IntrinsicElements
   fontSize?: number | number[]
   icon?: React.ElementType | React.ReactNode
+  menu?: MenuProps
   padding?: number | number[]
   popover?: Omit<PopoverProps, 'content' | 'open'>
   radius?: Radius | Radius[]
@@ -36,6 +37,7 @@ export function MenuGroup(
     children,
     fontSize = 1,
     icon: IconComponent,
+    menu: menuProps,
     onClick,
     padding = 3,
     popover,
@@ -136,6 +138,7 @@ export function MenuGroup(
       onMouseEnter={handleMenuMouseEnter}
       registerElement={registerElement}
       shouldFocus={shouldFocus}
+      {...menuProps}
     >
       {children}
     </Menu>