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 > .
 |
PTC recommends using Lit version 3 to develop web component widgets for ThingWorx. Older frameworks used in earlier versions of ThingWorx like Polymer are deprecated and support will be removed in a future release. For more information, refer to the Web Component SDK Documentation - Lit.
|
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
|