Skip to main content

AmountGroupedListComponent

This section describes the AmountGroupedListComponent component.

Composition​

The AmountGroupedListComponent has no any composition component.

Usage​

You need more customization, you need to import it in your module and use it in your template.

amount-grouped-list.component.ts
import { AmountGroupedListComponent } from '@celerofinancas/ui-cash-flow';

@Component({
standalone: true,
selector: 'example-amount-grouped-list',
imports: [AmountGroupedListComponent],
templateUrl: './amount-grouped-list.component.html',
})
export class ExampleAmountGroupedList {}

Then, in your template, you can use the component like this:

amount-grouped-list.component.html
<bfm-amount-grouped-list
[financialRecordPk]="'financialRecordPkValue'"
(selectAmountGroup)="handleSelectAmountGroup($event)"
/>

Inputs​

The AmountGroupedListComponent component has the following inputs:

financialRecordPk​

Financial record primary key

TypeDefault
string''

Events​

selectAmountGroup​

Event triggered when an amount group is selected

TypeDescription
stringAmount group primary key