The menu component has an option to customize menu items using the template property, so that the menu items can be rendered according to the requirement. In this demo, the below customization are demonstrated. Header menu items and the 'Products' sub menu items represents the customization of default rendering of li elements i.e. dataSource.category in template. 'Services' sub menu item represent the customization of single li element which simulate the default rendering of Products sub menu items i.e. ul li elements with added badge component are rendered in a single li with customized css styles. 'About Us' sub menu item showed with card component in a single li. For more information, refer to the templates section in the documentation.