Card | Unified UX

Here is an example of using the Card 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-card
      heading="Card Title"
      menuItems='[{ "icon": "push_pin", "label": "pin" }]'
      menuButtonItems='[{ "label": "Settings" }, {"label": "Last Updated" }, {"label": "Open" }]'
    >
      <uwc-text variant="body">
        This product is meant for educational purposes only. Any resemblance to real persons, is
        purely coincidental. Void where prohibited. Some assembly required. List each check
        separately by bank number. Batteries not included.
      </uwc-text>
    </uwc-card>
    </body>
</html>