uwc-text-field code examples, properties, methods, events and Live Demo.

Here is an example of using the Text Field 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-text-field label="Relation Code"></uwc-text-field>
</body>
</html>

The <uwc-text-field> component supports the attributes available on:

  • HTML <input> – including type, value, placeholder, disabled, etc.
  • mwc-text-field – including label, helper, validationMessage, etc.