MenuItemLinkProps

MenuItemLink displays links within a menu item. Ensures consistent styling and structure for link content or nodes in MenuItem components.

import { Menu, MenuItem, MenuItemLabel, MenuItemLink, Orientation } from '@syncfusion/react-navigations';
export default function App() {
  return (
      <Menu orientation={Orientation.Horizontal} itemOnClick={false}>
          <MenuItem>
              <MenuItemLink href="/help">
                  <MenuItemLabel>Help</MenuItemLabel>
              </MenuItemLink>
          </MenuItem>
      </Menu>
  );
}

import { Menu, MenuItem, MenuItemLabel, MenuItemLink, Orientation } from '@syncfusion/react-navigations';
export default function App() {
  return (
      <Menu orientation={Orientation.Horizontal} itemOnClick={false}>
          <MenuItem>
              <MenuItemLink href="/help">
                  <MenuItemLabel>Help</MenuItemLabel>
              </MenuItemLink>
          </MenuItem>
      </Menu>
  );
}

Props

The following table outlines the props for the MenuItemLinkProps:

Name	Type	Default	Description
children	node	-	Specifies the content of the link. Can be text or any valid React node.
className	string	-	Specifies an optional CSS class to apply to the link.

MenuItemLinkProps

Props

Enhance your React apps with Syncfusion components today