Grid | Unified UX

Here is an example of using the Grid 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-grid container>
      <uwc-grid xs="6" sm="12" md="3" lg="4">
        <uwc-text-field label="First Name"></uwc-text-field>
      </uwc-grid>
      <uwc-grid xs="6" sm="12" md="3" lg="4">
        <uwc-text-field label="Middle Name"></uwc-text-field>
      </uwc-grid>
      <uwc-grid xs="6" sm="12" md="3" lg="4">
        <uwc-text-field label="Last Name"></uwc-text-field>
      </uwc-grid>
    </uwc-grid>
  </body>
</html>