ThingWorx Web Component SDK
In Mashup Builder, all themable widgets excluding the legacy Grid (Advanced) and Tree Grid (Advanced) are based on web components. Web components are custom elements with encapsulated functionality that make it easier to reuse components in web pages. The ThingWorx Web Component SDK is an npm library which contains a collection of web components that are created using PTC Design System standards. You can use the SDK to develop custom components that you can then import into ThingWorx as widget extensions using the ThingWorx Web Component SDK Utility. The SDK library and utility are available on the PTC Software Downloads page under > .
For more information about the Web Component SDK, refer to the SDK help center:
• In ThingWorx 9.4 or later, the SDK library uses the Lit framework, which replaces the legacy Polymer framework. For more information, refer to the Web Component SDK Documentation - Lit.
 |
PTC recommends using Lit to develop new components.
|
• In previous versions of ThingWorx, the Web Component SDK is based on the Polymer web component framework. For more information, refer to the Web Component SDK Documentation - Polymer.
Web Component Widgets in Mashup Builder
The following table lists Mashup Builder widgets that are based on web components in the ThingWorx Web Component SDK.
|
Widget
|
Web Component
|
|---|---|
|
ptcs-chart-bar
|
|
|
ptcs-breadcrumb
|
|
|
ptcs-button
|
|
|
ptcs-checkbox
|
|
|
ptcs-chip-data-filter
|
|
|
ptcs-chart-combo
|
|
|
ptcs-datepicker
|
|
|
ptcs-divider
|
|
|
ptcs-dropdown
|
|
|
ptcs-dynamic-panel
|
|
|
ptcs-file-upload
|
|
|
ptcs-grid
|
|
|
ptcs-icon
|
|
|
ptcs-image
|
|
|
ptcs-label
|
|
|
ptcs-line
|
|
|
ptcs-link
|
|
|
ptcs-list-shuttle
|
|
|
ptcs-list
|
|
|
ptcs-pagination
|
|
|
ptcs-chart-pareto
|
|
|
ptcs-chart-pie
|
|
|
ptcs-property-display
|
|
|
ptcs-radio-button
|
|
|
ptcs-chart-schedule
|
|
|
ptcs-slider
|
|
|
ptcs-tabs
|
|
|
ptcs-textarea
|
|
|
ptcs-textfield
|
|
|
ptcs-toggle-button
|
|
|
ptcs-toolbar
|
|
|
ptcs-value-display
|
|
|
ptcs-chart-waterfall
|