Drawer | Unified UX

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

Update code below:

<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-drawer hasHeader type="modal" open type="modal">
      <uwc-text slot="title" variant="h1">Drawer Title</uwc-text>
      <uwc-text slot="subtitle" variant="h3">subtitle</uwc-text>
      <div>
        <uwc-text>Drawer content!</uwc-text>
        <uwc-icon-button icon="gesture"></uwc-icon-button>
        <uwc-icon-button icon="gavel"></uwc-icon-button>
      </div>
      <div slot="appContent">
        <uwc-text>Toggle the property "open" below</uwc-text>
      </div>
    </uwc-drawer>
  </body>
</html>