Credit Card Accordion List
Component: <pcp-credit-card-accordion-list>
Preview:
Description
This component displays a list of credit cards in an accordion format, allowing users to expand and view details for each card. It also provides functionality to select rows and emit the selected values.
Usage
import { PcpCreditCardAccordionListComponent } from '@celerofinancas/pcp-client-ui';
<pcp-credit-card-accordion-list
[cards]="cards$ | async"
(selectedRowsValue)="selectedRowsValue.emit($event)"
/>
Component Inputs and Outputs
Inputs
| Name | Type | Default | Description | Required |
|---|---|---|---|---|
cards | Card[] | [] | The list os cards to display | YES |
Outputs
| Name | Type | Description |
|---|---|---|
selectedRowsValue | EventEmitter<any> | Emits the selected rows value |
Dependencies
- @celerofinancas/class-utils
- @celerofinancas/ui-common
- @celerofinancas/ui-directives
- @celerofinancas/ui-loaders
- @celerofinancas/ui-modals
- @celerofinancas/design-system