@c8y/apps/widget-plugin/widget/widget-plugin.component.ts

Cumulocity IoT applications

import { Component, Input } from '@angular/core';

@Component({
  selector: 'c8y-widget-plugin',
  template: `
    <div class="p-16">
      <h1>Widget-plugin</h1>
      <p class="text">{{ config?.text || 'No text' }}</p>
      <small>My context is: {{ config?.device?.name || 'No context' }}</small>
    </div>
  `,
  styleUrls: ['./widget-plugin.component.css']
})
export class WidgetPluginComponent {
  @Input() config;
}