Button Toggle | Unified UX

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

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <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-button-toggle compact></uwc-button-toggle>
    <script>
      const buttonToggle = document.querySelector("uwc-button-toggle");
      const options = [
        { label: "One", value: "one" },
        { label: "Two", value: "two" },
        { label: "Three", value: "three" },
        { label: "Four", value: "four" },
      ];

      buttonToggle.options = options;
    </script>
    </body>
</html>