Breadcrumbs | Unified UX

Here is an example of using the Breadcrumbs 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-breadcrumbs large></uwc-breadcrumbs>
    <script>
      const breadcrumb = document.querySelector("uwc-breadcrumbs");

      const options = [
        { href: "/urlOne/", label: "Dashboard" },
        { href: "/urlTwo/", label: "Profile" },
        { href: "/settings/", label: "Settings" },
      ];

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