MenuItemLabelProps

MenuItemLabel is a semantic container for menu item content. Provides consistent styling and structure for displaying text or nodes within MenuItem components.

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

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

Props

The following table outlines the props for the MenuItemLabelProps:

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

MenuItemLabelProps

Props

Enhance your React apps with Syncfusion components today