@pega/dx-component-builder-sdk/tests/assets/sdk-a/components/createAll/override-sdk/template/inline-dashboard/inline-dashboard.component.ts

Utility for building custom UI components

import { Component, Input, forwardRef } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormGroup } from '@angular/forms';
import { ComponentMapperComponent } from '@pega/angular-sdk-components';

interface InlineDashboardProps {
  // If any, enter additional props that only exist on this component
  title: string;
  filterPosition?: string;
}

@Component({
  selector: 'app-inline-dashboard',
  templateUrl: './inline-dashboard.component.html',
  styleUrls: ['./inline-dashboard.component.scss'],
  standalone: true,
  imports: [CommonModule, forwardRef(() => ComponentMapperComponent)]
})
export class InlineDashboardComponent {
  @Input() pConn$: typeof PConnect;
  @Input() filtersFormGroup$: FormGroup;
  @Input() inlineProps: InlineDashboardProps;
  @Input() children: any[];
}