diff --git a/packages/odyssey-react-mui/src/MenuItem.tsx b/packages/odyssey-react-mui/src/MenuItem.tsx index 062f7b8f32..1ecc5f8156 100644 --- a/packages/odyssey-react-mui/src/MenuItem.tsx +++ b/packages/odyssey-react-mui/src/MenuItem.tsx @@ -36,6 +36,10 @@ export type MenuItemProps = { * If `true`, the menu item will be visually marked as destructive. */ isDestructive?: boolean; + /** + * If `true`, the menu item will be visually marked as disabled. + */ + isDisabled?: boolean; /** * Callback fired when the menu item is clicked. */ @@ -56,6 +60,7 @@ const MenuItem = ({ children, hasInitialFocus, isSelected, + isDisabled, onClick: onClickProp, value, variant = "default", @@ -75,6 +80,7 @@ const MenuItem = ({ /* eslint-disable-next-line jsx-a11y/no-autofocus */ autoFocus={hasInitialFocus} selected={isSelected} + disabled={isDisabled} value={value} onClick={onClick} className={