@pega/dx-component-builder-sdk

Version:

Utility for building custom UI components

20 lines (19 loc) • 744 B

HTML

<div class="psdk-inline-dashboard">
  <h4 class="psdk-inline-dashboard-title">{{ inlineProps.title }}</h4>
  <div
    [ngClass]="{
      'psdk-inline-style': inlineProps.filterPosition === 'inline-start' || inlineProps.filterPosition === 'inline-end',
      'psdk-inline-end': inlineProps.filterPosition === 'inline-end'
    }"
    *ngIf="children"
  >
    <div class="psdk-inline-filter">
      <div id="filters">
        <component-mapper name="DashboardFilter" [props]="{ children: children[1], inlineProps, filtersFormGroup$ }"></component-mapper>
      </div>
    </div>
    <div class="psdk-inline-list">
      <component-mapper name="Region" [props]="{ pConn$: children[0].getPConnect() }"></component-mapper>
    </div>
  </div>
</div>