atrilabs-engine icon indicating copy to clipboard operation
atrilabs-engine copied to clipboard

Add a Vertical Menu Component

Open adityaxpique opened this issue 3 years ago • 0 comments

The signature of menu component should be as follows:-

type MenuProps = {
 // The title for the menu
 title: image;
 menuItems: {
	//The name of the menuitem
name: string;
//The link for onClick of itemUrl
onClick: () => {};
	subMenuItems?: {
   		// Name of the item.
   		subMenuItemsName: string;
   		// URL to redirect where the item will redirect.
   		onClick: () => {};
		subMenu?: {
   			// Name of the item.
   			itemsName: string;
   			// URL to redirect where the item will redirect.
   			onClick: () => {};
 		   }[];
 		}[];
 }[]
};
 
export const Menu: React.FC<MenuProps> = React.forwardRef(
  (ref, props) => {
    return <div></div>;
  }
);

The design reference - Screenshot 2022-10-06 165514

adityaxpique avatar Oct 08 '22 07:10 adityaxpique