Menu

webel-menu is a Angular rounded menu feature.

Multi-level menu

<ck-mlmenu [menuItems]="mlMenuItems" [hexColors]="mlColors" [logoUrl]="mlLogoUrl" [contact]="mlContact"></ck-mlmenu>

Menu01

<ck-menu01 [menuItems]="menuItems" [hexColors]="hexColors" [logoUrl]="logoUrl" [contact]="'Tel. 02 123 456 78'"></ck-menu01>

Then adding data in .ts file something like:

  menuItems: MenuItem[] = [
    {value : "Home", name : "home"},
    {value : "About Us", name : "about"},
    {value : "Our Works", name : "works"},
    {value : "Our Services", name : "services"},
    {value : "Contact Us", name : "contact"},
  ];

  hexColors: Colors = {
    primary : "#ffdc25",
    secondary : "#23ac81",
    // background : "#07101d",
    background : "#120a43",
  };

  logoUrl = "./assets/images/logo-example.jpg";