For more information on the subject see the following sites:
All Web Component tag names are prefixed with
sz-wc. This is to prevent tag namespace collision/pollution. When browsing any of the online documentation examples, and you see a tag start with
sz-, just remember if you are using the
@senzing/sdk-components-web package your tag name should start with
The other main difference between the two implementations is that if using angular the attributes are Camel Case, and if using web components the attributes are kabob case. See https://en.wikipedia.org/wiki/Letter_case#Special_case_styles
When accessing a method or setter through the DOM on a web component programatically however, you access the setter/method in camel case ie:
<sz-wc-standalone-graph filter-width="320" graph-ids="1,1001,1002" show-pop-out-icon="false" show-match-key-control="false" show-filters-control="false" filter-control-position="top-right" show-match-keys="true"></sz-wc-standalone-graph> <script> // hide graph filter control programatically document.querySelector('sz-wc-standalone-graph').showFiltersControl = false; </script>
Getting set up to work with the Senzing SDK Components can be done in as little as 10 minutes if you already have an Senzing REST API Server installation running.
See the Quick Start Guide for instructions.
Any web page or application that can render web component tags can be enabled by adding the
Add the css file to your document:
<link rel="stylesheet" href="/node_modules/\@senzing/sdk-components-web/senzing-components-web.css">
<script src="/node_modules/\@senzing/sdk-components-web/senzing-components-web.js" defer></script>