Amount Grouped Details

The AmountGroupedDetailsComponent provides a detailed view of grouped amounts.

Composition

The AmountGroupedDetailsComponent is composed of the following components:

• BfmAmountGroupedDetailsTableComponent - Component for displaying the details in a table format.

Usage

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

amount-grouped-details.component.ts

import { AmountGroupedDetailsComponent } from '@celerofinancas/ui-cash-flow';

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

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

amount-grouped-details.component.html

<bfm-amount-grouped-details
  [amountGroup]="amountGroupData"
  [financialRecordPk]="'financialRecordPkValue'"
  (back)="handleBackEvent($event)"
/>

Inputs

The AmountGroupedDetailsComponent component has the following inputs:

amountGroup

Amount group data

Type	Default
AmountGroup	{}

financialRecordPk

Financial record primary key

Type	Default
string	''

Events

The AmountGroupedDetailsComponent component has the following Events:

back

Event triggered when the back button is clicked

Type
EventEmitter<void>