MenuItemProps

MenuItem displays an item within a menu. Ensures consistent styling and structure for content, icons, links, and submenus in Menu components.

import { Menu, MenuItem, MenuItemIcon, Orientation } from '@syncfusion/react-navigations';
import { FileIcon } from '@syncfusion/react-icons';

export default function App() {
   return (
           <Menu orientation={Orientation.Horizontal} itemOnClick={false}>
                   <MenuItem>
                       <MenuItemIcon><FileIcon /></MenuItemIcon>
                   </MenuItem>
           </Menu>
  );
}

import { Menu, MenuItem, MenuItemIcon, Orientation } from '@syncfusion/react-navigations';
import { FileIcon } from '@syncfusion/react-icons';

export default function App() {
   return (
           <Menu orientation={Orientation.Horizontal} itemOnClick={false}>
                   <MenuItem>
                       <MenuItemIcon><FileIcon /></MenuItemIcon>
                   </MenuItem>
           </Menu>
  );
}

Props

The following table outlines the props for the MenuItemProps:

Name	Type	Default	Description
children	node	-	Specifies the content of the menu item. Can be text or any valid React node.
className	string	-	Specifies an optional CSS class to apply to the menu item.
disabled	boolean	false	Specifies whether the menu item is disabled.

MenuItemProps

Props

Enhance your React apps with Syncfusion components today