Menu Button | Unified UX

Here is an example of using the Menu Button in a plain html page:

<html>
  <head>
    <link href="https://developer.temenos.com/uux/base.css" rel="stylesheet" />
    <script src="https://developer.temenos.com/uux/unified-ux-web.min.js"></script>
  </head>
  <body>
    <uwc-menu-button icon="star_outline"></uwc-menu-button>
    <script>
      const menuBtn = document.querySelector("uwc-menu-button");
      const menuItems = [
        {
          label: "Account balance",
          action: () => alert("Your account balance is: $1,000,000"),
        },
        {
          label: "Create new account",
        },
      ];

      menuBtn.menuItems = menuItems;
    </script>
  </body>
</html>