Card details

Component: <pcp-credit-card-details>

Preview:

Description

This component provides a concise summary of your credit card details and status, making it easy to review essential information at a glance. Additionally, some details can be edited as needed.

---

Usage

import { PcpCreditCardDetailsComponent, CARD_TYPE } from '@celerofinancas/pcp-client-ui';

<pcp-credit-card-details 
    [cardId]="0"
    [includeHeader]="true"
    [cardType]="CARD_TYPE.additional"
    [returnLink]="Voltar para cartões físicos da empresa"
    [showLockCardButton]="false"
    (returnLinkClicked)="returnLinkClicked($event)"
/>

---

Component Inputs and Outputs

Inputs

Name	Type	Default	Description	Required
cardId	`string	undefined`	undefined	The card identification to obtain the details
includeHeader	boolean	true	Whether to display the header	NO
cardType	CARD_TYPE	CARD_TYPE.additional	The type of current card	NO
returnLink	string		Return link text to card list	NO
showLockCardButton	boolean	false	Whether to display lock card button	NO

Outputs

Name	Type	Description
returnLinkClicked	EventEmitter<Card["id"]>	Emits when the return link is clicked

---

Dependencies

• @celerofinancas/ui-loaders
• @celerofinancas/ui-modals

---

Notes