Skip to main content

Secondary cards list

Component: <pcp-secondary-cards>

Preview:

Preview

Description

This component displays a list of secondary cards related to the main card.


Usage

import { PcpSecondaryCardsComponent } from '@celerofinancas/pcp-client-ui';
<pcp-secondary-cards 
[title]="'Resumo de limite atual'"
[cardId]="0"
[displayedColumns]="displayedColumns"
[cardOptions]="CARD_TYPE.additional"
(navigate)="navigate($event)"
/>

Component Inputs and Outputs

Inputs

NameTypeDefaultDescriptionRequired
titlestringResumo de limite atualThe title of the componentNO
cardIdnumberundefinedThe card identification to obtain the secondary cardsYES
displayedColumns{}VIRTUAL_CARDS_COLUMNSThe columns to display in the tableNO

Outputs

NameTypeDescription
navigateEventEmitter<{ id: number, type: CARD_TYPE }>Emits a table cell is clicked

Dependencies

  • @celerofinancas/class-utils
  • @celerofinancas/ui-common
  • @celerofinancas/ui-directives
  • @celerofinancas/service-utils

Notes