Instructions

This package is a beta version of the cascade-menu for the mui. Please make sure you have installed mui package first!

Example

const menu = [
{
key: '1',
itemContent: () => <Box p={1}>Test 1</Box>,
},
{
key: '2',
itemContent: () => <Box p={1}>Test 2</Box>,
},
{
key: '3',
itemContent: () => <Box p={1}>Test 3</Box>,
subMenu: {
items: [
{
key: '5',
itemContent: () => <Box p={1}>Sub Item 2</Box>,
},
],
spacing: '0px 0px 0px 15px',
},
},
];
return (
<>
<CascadeMenu
triggerElement={<>Menu</>}
menu={menu}
rootIdName='root'
customStyle={{ menuBox: { borderRadius: 0 } }}
/>
</>
);
};

export default Example1;