MenuSeparatorProps

MenuSeparator is used to visually separate menu items. Provides consistent styling and structure for displaying dividers within Menu components.

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

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

Props

The following table outlines the props for the MenuSeparatorProps:

Name	Type	Default	Description
className	string	-	Specifies an optional CSS class to apply to the separator.

MenuSeparatorProps

Props

Enhance your React apps with Syncfusion components today