Skip to content

MindSphere Web Components

Introduction

MindSphere Web Components are ready-to-use building blocks for use in custom applications which do not require a specific framework. These building blocks solve common issues faced by developers during the development of industrial applications, such as navigation between devices or standard visualization types. They can easily be integrated into individual development code and customized to accelerate the application development process.

There are two types of MindSphere Web Components:

  1. Utility Web Components are pure frontend controls without accessing any data like the DateTimeRange-Picker. These components do not require a specific MindSphere role.
  2. Basic Web Components use the MindSphere APIs to display or handle data. The required roles must be configured in Developer Cockpit.

The following MindSphere Web Components are currently available:

Component Name Type
Aggregate Chart Basic
Aspect Variable Selector Basic
Asset Map Basic
Asset View Basic
Date Time Range Picker Utility
Event View Basic
File View Basic
Map Basic
Rule View Basic

Get the MindSphere Web Components

The MindSphere Web Components are available via content delivery network:

  • Region Europe 1: https://static.eu1.mindsphere.io/webcomponents/v1/index.js

Info

MindSphere Web Components are currently only available in region Europe 1.

After loading the source, the MindSphere Web Components can be integrated into any web application by using the respective selectors, refer to Components and References.

A demo application which integrates the MindSphere Web Components is available for download on the Siemens Industry Online Support (SIOS) Portal [EN]/[DE].

Features

Customization

MindSphere Web Components provide options for customization and branding of reliable standard functionalities.

Interfaces

MindSphere Web Components provide a data model and business logic to handle the communication with MindSphere and third-party APIs. These interfaces can be integrated via attributes and events based on HTML standards.

Most components provide a graphical user interface.

Contribution

We love to hear about your ideas, questions and feedback around MindSphere Web Components!

Leave us a message in the MindSphere Developer Space and use the label "Web Components".

Any questions left?

Ask the community


Except where otherwise noted, content on this site is licensed under the MindSphere Development License Agreement.