Web Components Playground

An interactive environment to explore, configure, and test the Angular Web Components of the Terminology Service in isolation. Use this page to experiment with inputs, events, and runtime configuration without integrating them into an application


The Semantic Search widget does not need configuration and it works using the API Base URL, which is set up by default. The Annotation Editor needs to be configured through API key and a token is required to access the service. Token access is provided by the terminology Service administrators upon request. If you are interested in testing the Annotation widget, please send a request to semantics@lifewatch.eu using “TS token request” in the subject.

Widget Configuration
Base endpoint of the Terminology Service. The URL will be injected at runtime into both widgets (semantic search and annotation).
Mandatory for Annotation. Used for authenticated requests.
Semantic Search <st-search>
Annotation Editor
Create and manage semantic annotations for digital resources.
<st-annotation-form>
Event Stream
No events yet. Interactions with the widgets will appear here.
About this Playground
This page loads the ST Widget Library as standard Web Components. All widgets are framework-agnostic and can be embedded in any HTML page or frontend stack.
Bundle: elements-dist/st-widget-lib.js
Styles: elements-dist/styles.css
Bootstrap: 5.3.3 (CDN)